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

Question

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

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

我应该改变什么来使它工作？

Answer 1

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

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

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

更新：Stackblitz在没有ng-syntax的情况下改为工作