typescript – 如何在Angular2/4/5中实现自定义异步验证器
发布时间:2020-12-17 08:03:51 所属栏目:安全 来源:网络整理
导读:1.它甚至得到了Angular的支持吗?看 this未解决的问题 2.如果是,那么下面的代码有什么问题 export class someClass{ myForm:ControlGroup; constructor(public http:Http,public formBuilder:FormBuilder) this.myForm = formBuilder.group({ ImageId: ["",
1.它甚至得到了Angular的支持吗?看
this未解决的问题
2.如果是,那么下面的代码有什么问题 export class someClass{ myForm:ControlGroup; constructor(public http:Http,public formBuilder:FormBuilder) this.myForm = formBuilder.group({ ImageId: ["",Validators.required,this.asynValidator] }); asyncValidator(control: Control): {[key: string]: any} { return new Promise (resolve => { let headers = new Headers(); headers.append('Content-Type','application/json'); this.http.get('http://localhost/ImageIdValidate?id='+ control.value,{headers:headers}) .map(res => res.json()) .subscribe(data => { console.log(data); if(data != null) { resolve({"duplicate": true}) } else resolve(null); }) }); }); } } 它甚至没有提出服务器请求。
您需要在组件实例本身上绑定您的方法,如下所述:
this.myForm = formBuilder.group({ ImageId: ["",this.asynValidator.bind(this)] }); 否则,您将无法使用http属性来执行您的请求。 本文还可以为您提供有关异步表单验证的一些提示(请参阅“异步验证”一节): > http://restlet.com/blog/2016/02/17/implementing-angular2-forms-beyond-basics-part-2/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |