时间戳

首页 > 解决方案 > 如何删除在角度 8 中单击时禁用的输入

angular - 如何删除在角度 8 中单击时禁用的输入

问题描述

我想删除在角度 8 中单击功能时禁用的输入元素。我有一个表单，其中单击跨度时有不同的字段我想删除所有输入禁用类。

标签： angular

解决方案

将禁用的属性绑定到您的输入：

<input [disabled]="inputsDisabled"/>
<span (click)="enableInputs()">Enable</span>

然后将该属性设置为false您的组件中：

enableInputs() {
  this.inputsDisabled = false;
}

如果您需要在禁用和启用之间切换，您可以这样做：

toggleInputsDisabled() {
  this.inputsDisabled = !this.inputsDisabled;
}

这样做的一个缺点是您应该添加[disabled]="inputsDisabled"到每个输入字段。将输入包装在 a<fieldset>中会更容易处理：

<fieldset [disabled]="inputsDisabled">
  <input/>
</fieldset>

这是一个 StackBlitz：https ://stackblitz.com/edit/angular-aczmug

推荐阅读