我有条件在id="confirm_Password"
创建或删除span
包含内容的元素后,但这是使用完成的Jquery
,您可以帮助将其转换为干净的typescript
if (data['password'] == data['confirm_Password']) {
$('.confirm_Password_message').remove();
} else {
$('<span class="confirm_Password_message">Passwords do not match</span>').insertAfter($('#confirm_Password'));
}
形式
config: FieldConfig[] = [
{
type: 'textarea',
label: 'Description',
name: 'description',
placeholder: 'Description',
value: '',
validation: [
{
name: 'required',
validator: Validators.required,
message: 'Description Required'
}
]
},
{
type: 'checkbox',
label: 'Status',
name: 'status',
value: ''
},
{
label: 'Submit',
name: 'submit',
type: 'button',
}
];
表单html
<div class="modal-body">
<app-dynamic-form #form="appDynamicForm" (submit)="formSubmitted($event)" [config]="config"></app-dynamic-form>
<button type="button" class="btn btn-default float-right mr-2" (click)="hideModal()">Close</button>
</div>
反应式表单允许你编写自定义验证,你没有显示你的组件,所以我给你一个小例子:
如果您通过 手动创建组件
ComponentFactoryResolver
,则可以从实例中获取此属性:或者听听形状变化:
这是使用“模板引用变量”解决问题的简单方法: