禁用表单打字稿中的所有控件答案

【问题标题】：Disable all the controls in a form typescript禁用表单打字稿中的所有控件
【发布时间】：2018-03-02 16:49:33
【问题描述】：

如何禁用模板驱动表单中的所有控件。

尝试过的解决方案。

使用filedset 并将[disabled] 设置为-这在IE 9+ 中不起作用。同样使用 fieldset，输入不会被禁用

 <button class="icon-btn pull-right addNewBtn" type="button" title="Add New " data-toggle="modal" id="Btn" data-backdrop="false"><i (click)="Person(Code)" class="fa fa-user-plus"></i></button>

  <p-radioButton name="type" value="I" label="Inc" [(ngModel)]="type"></p-radioButton>

我没有表单组，因此该解决方案在这里也不起作用。

让我知道 AngularJS 2 中是否还有其他解决方案

【问题讨论】：

这绝对适用于 ie 11+，无法在 ie11 以下验证，但使用率也仅占所有浏览器的 0.1%。如果它对你来说仍然是个问题，这里有一些解决方法stackoverflow.com/questions/24119329/…
即使没有禁用字段集单选按钮，有什么解决方法吗？

标签： angular typescript internet-explorer-9

【解决方案1】：

您需要确保您的每个输入都理解“禁用”的含义。一些具有 disabled 属性的 html 元素（例如常规 html 按钮）将对 [disabled]="condition" 做出反应。但是对于您自己的元素（例如 p-radioButton），您需要设置某种“禁用”样式，并防止您的 p-radioButton 的某些部分（例如周围的 div）转发在禁用时不应转发的事件。然后您可以使用 ngClass 并将 disabled 属性设置为禁用条件为 true 的每个输入。

【讨论】：