首页 文章

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

提问于
浏览
2

我试图将 ngModel 引用的 AbstractControl 传递给另一个组件上的Input变量 .

根据这个:https://angular.io/guide/form-validation#template-driven-validation(代码片段下的第二个子弹), #name="ngModel" exports NgModel into a local variable called name. NgModel mirrors many of the properties of its underlying FormControl instance, so you can use this in the template to check for control states such as valid and dirty

如果我正确读取,我应该能够将 name (继承自 AbstractControl )在 name 模板引用变量中传递给另一个组件,如下所示: <my-component for="name"></my-component> MyComponentfor 中的一个 Input 变量采用 AbstractControl . 然后我应该能够使用 for 作为 AbstractControl .

我不能 . 当我调试时, for 是一个值为"name"的字符串 .

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

1 回答

  • 3

    你需要方括号来解析 name ,所以

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

    否则,它被视为一个字符串/

相关问题