angular – 禁用表单打字稿中的所有控件

发布时间：2020-12-17 18:06:36 所属栏目：安全来源：网络整理

导读：如何禁用模板驱动表单中的所有控件. 试过的解决方案. 使用fieldset并将[disabled]设置为 – 这在IE 9中不起作用. 同样使用fieldset,不会禁用输入 button class="icon-btn pull-right addNewBtn" type="button" title="Add New " data-toggle="modal" id="Btn

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

试过的解决方案.

使用fieldset并将[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中是否还有其他解决方案

解决方法

您需要确保每个输入都能理解“禁用”对它的意义.一些具有禁用属性的html元素 – 如常规html按钮 – 将对[disabled] =“condition”作出反应.但是对于你自己的元素 – 比如p-radioButton – 你需要设置一个特定的“禁用”样式,并阻止你的p-radioButton部分(例如周围的div)转发在禁用时不应转发的事件.然后,您可以使用ngClass并将disabled属性设置为禁用条件为true的每个输入.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!