将ngModel模板引用变量作为AbstractControl传递给输入变量

时间:2017-10-24 17:18:44

标签: angular angular2-forms

我试图将AbstractControl引用的ngModel传递给另一个组件的输入变量。

根据:https://angular.io/guide/form-validation#template-driven-validation(代码段下的第二个项目符号), #name="ngModel"将NgModel导出到名为name的本地变量中。 NgModel镜像了其基础FormControl实例的许多属性,因此您可以在模板中使用它来检查控件状态,例如有效和脏

如果我正确阅读,我应该能够将FormControl模板参考变量中的AbstractControl(继承自name)传递给另一个组件,像这样:<my-component for="name"></my-component> MyComponentfor中的Input变量是AbstractControl。然后,我应该能够for作为AbstractControl

我不能。当我调试时,for是一个字符串,其值为&#34; name&#34;。

我缺少什么想法?我的目标是能够在MyComponent中集中验证处理和显示,因此我需要访问AbstractControl(或FormControl)以查找我尝试验证的任何字段。

1 个答案:

答案 0 :(得分:3)

您需要解析name的方括号,所以

<my-component [for]="name"></my-component>

否则,它被视为字符串/