如何以角度方式禁用模板驱动表单中的所有字段

Question

我用角度5创建了一个模板驱动的表单

我想首先禁用整个表单,并且还希望在单击某个按钮后启用表单,因此我在表单标记中添加了一个禁用的属性,并使其值为false,如下所示(这不起作用)虽然):

<form #formName = "ngForm" [disabled]="true">
</form>

由于上面的禁用属性不起作用,我将禁用的属性更改为

[attr.disabled] = true

这也行不通

现在因为我有表单元素的引用#formName,我在TS文件中使用它并尝试更改引用对象内的disabled属性值

这就是我所做的:

@ViewChild('formName') formName;


this.formName.disabled = true; 

这也没有用,我得到一条错误消息说禁用无法更改,因为它只是一个吸气剂

默认情况下,如何在模板驱动表单的角度中禁用整个表单？

提前致谢 :)

Answer 1

如评论中所述,您可以将表单包装在fieldset标记内并实现如下所示,

<form #formName = "ngForm" >
    <fieldset [disabled]="disabledValue">
</form>

并且您可以通过使用局部变量在代码中更改它,并在禁用/启用状态之间切换为

this.disabledValue = true;