如何解决ngx-formly:如何为 dateTimePicker 等自定义控件正式触发模糊事件?
模糊事件不会以角度形式触发自定义控件。如何为自定义组件绑定模糊事件?我已经为 dateTimePicker 创建了自定义控件,并使用带有 Angular 版本 9(正式版本 5.5)的 Material UI
export class AppComponent {
form = new FormGroup({});
model: any = {};
options: FormlyFormOptions = {};
fields: FormlyFieldConfig[] = [
{
key: "DateTimePicker",type: "dateTime",templateOptions: {
label: "Accept terms",description: "In order to proceed,please accept terms",pattern: "true",required: true,blur: () => {
console.log("blur called");
}
},validation: {
messages: {
pattern: "Please accept the terms"
}
}
}
];
}
解决方法
formlyAttributes
指令处理模糊事件,因此请确保在我们的文档 https://formly.dev/guide/custom-formly-field
<input type="input"
[formControl]="formControl"
[formlyAttributes]="field"
/>
如果它不起作用或您的组件为模糊事件使用不同的输出名称,您必须声明它:
<input type="input"
(blur)="to.blur ? this.to.blur(this.field,$event): ''"
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。