我只是介绍了如何创建动态表单的红色angular 2食谱，但我徘徊了如何向特定字段添加自定义验证器。
questions.forEach(question => {
group[question.key] = question.required ? new FormControl(question.value || '', Validators.required)
: new FormControl(question.value || '');
});
在这里，它们形成一个“从组”到“保持”表单输入，因此，如果我想对特定问题进行特定的验证，例如：如果我有用于确认密码匹配的输入，该怎么办？我知道有validateequal属性可以执行此任务，我可以如何应用它validateequal甚至创建自己的自定义验证
请注意，它是动态形式，这意味着可以保留任何输入，例如，我计划使用相同的表单来生成登录表单，这意味着它仅具有密码输入，我需要检查是否有输入将保留密码以及是否任何人都将持有密码确认，如果是的话，那么我需要在提交之前检查它们是否匹配
好吧，我想我拥有了。
您将使用自定义指令来完成作业。
这是关于自定义指令的非常基础的教程https://angular.io/docs/ts/latest/guide/attribute-directives.html
如果您创建了该应用程序，但您正在对应用程序进行模板化，则可以轻松地对其进行修改以适合您的参数。
在我的例子中，我以以下方式使用了该示例。
您的NgModule || app.module.ts
import { customDirective } from '../directive/path';
您的customDirective.ts || js
import {Directive, HostListener, Input, ElementRef} from '@angular/core';
@Directive({
selector: '[fooSelector]'
})
export class CustomDirective {
constructor(private el: ElementRef, private renderer: Renderer) {}
@Input('fooSelector') testing: Object;
//this controls event type with change being the event
@HostListener('change') onChange(){
this.logicFunct(this.htmlAttr); //will define htmlAttr in template
}
//this is the validator logic
private logicFunct($obj: Object){
// submit logic here - for ex:
if($obj != 'test) {
this.varBar = true; //check template ngIf
}
}
}
您的模板
<input
type="text"
#htmlAttr
[fooSelector]="this.htmlAttr._value"
*ngIf="!this.varBar">
</input>
我几乎肯定，还有其他更好的方法可以做到这一点，如果有人有，请告诉我们！
希望这对任何绊脚的人有所帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句