Question

我试图在变量值发生变化时禁用或启用按钮。 ng-disabled正在查看值的更改，但如果已启用，则不会禁用该按钮。

HTML：

 <form name="myForm">
      <input ng-pattern="onlyNumbers" ng-model="value" name="number" />
      Valid? {{myForm.number.$valid}}
      <button ng-disabled="{{!myForm.number.$valid}}"> Hello </button>
  </form>

JS：

 $scope.onlyNumbers = /^\d+$/;

Answer 1

您不必在{{}}：

中使用插值（ng-disabled）

<button ng-disabled="!myForm.number.$valid"> Hello </button>

Answer 2

删除ng-disabled中的括号：

<button ng-disabled="!myForm.number.$valid"> Hello </button>

Answer 3

试试这个：

<form name="myForm">
    <input ng-pattern="onlyNumbers" ng-model="value" name="number" />
  Valid? {{myForm.number.$valid}}
    <button ng-disabled="myForm.number.$invalid"> Hello </button>
</form>

AngularJS - ng-disabled true / false无法正常工作

3 个答案: