使用[ngModelOptions] =“ {standalone:true}”时如何禁用表单按钮?

时间:2019-05-20 07:42:45

标签: angular forms validation

我正在使用模板驱动的表单和两种方式的出价。另一方面,我也使用 [ngModelOptions]="{ standalone: true }" ,而没有为输入字段分配 name 属性。

<app-input [type]="'text'" [ngModelOptions]="{ standalone: true }" [(ngModel)]="data.user.name" labelText="User Name" [required]="false" [readonly]="false"> </app-input>

到目前为止,该表格可以正常工作。

我的问题是我想禁用按钮直到表单有效:

<button [disabled]="!form.valid" ...>

但是不幸的是,当使用[ngModelOptions]="{ standalone: true }"时,无法完成此操作,因为那时字段不是表单的一部分。

我一直在搜索,但没有找到我所面对的用例。

P.S。输入是使用NG_VALUE_ACCESSOR

的自己的组件

0 个答案:

没有答案