禁用一个按钮上的多个元素

时间:2018-09-11 10:26:14

标签: angularjs typescript

我正在尝试使用一个按钮切换多个元素的禁用状态。我的功能只是切换一个元素的状态。

    Disabled() {
      var element = <HTMLInputElement>document.getElementById("input");
      if (element.disabled == true) {
          element.disabled = false;
      } else {
          element.disabled = true;
      }
    }

我应该进行哪些更改才能使其正常工作?

1 个答案:

答案 0 :(得分:0)

您可以将输入的Disabled属性绑定到代码中的变量,并在单击时更改该变量:

<input ng-disabled="disabled"/>
<button ng-click="disabled = !disabled">
  Disable
</button>

示例:https://stackblitz.com/edit/angularjs-n78yrt?file=home%2Fhome.html

更新:Stackblitz更改为无需ng语法即可工作