如何使用变量声明获取表单控件

时间:2017-11-23 12:31:31

标签: angular angular-reactive-forms angular4-forms

我们正在对表单使用表单验证,问题在于再次获取控件并对其执行检查所需的代码量,例如检查控件是否无效以显示我们的错误{{ 1}}。

我在互联网上看到的示例使用变量声明来轻松获取值,例如<input formControlName="someinputname" required...><div *ngIf="!form.get('someinputname').valid"></div>,问题是我们不使用<input ([ngModel])="var" #test="ngModel"> <div *ngIf="test"></div>仅{{1}绑定值}}。使用此formControlName,我似乎无法ngModel(不确定确切的语法),因为生成了错误formControlName

我们有一个共享模块,可以导入和导出#someinput="ngControl"[Angular] There is no directive with "exportAs" set to "ngControl",共享模块也会导入到特定于此页面的模块中 - 因此组件应该可以访问两个表单模块。 / p>

有人有什么想法吗?

找到这个:http://iterity.io/2016/05/01/angular/angular-2-forms-and-advanced-custom-validation/ - 所以将我的FormsModule更改为ReactiveFormsModule仍会产生相同的错误ngControl

0 个答案:

没有答案