Question

我正在学习棱角分明的东西并且在ng-disabled指令中陷入困境。以下是我的代码。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
<html ng-app>

<body>
  <input type="text" ng-model="myName" ng-change="txtEnable()" />
  <span>{{ (myName.length % 2) === 0 }}</span>
  <button ng-disabled="{{ (myName.length % 2) === 0 }}">button</button>
</body>

</html>

当我更改文本中的值时，span元素会更新但按钮不会更新。我在这里做错了什么？

Answer 1

知道了！问题在于大括号{{}}。

将表达式绑定到元素的大括号（{{}}）是内置的Angular标记。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
<html ng-app>

<body>
  <input type="text" ng-model="myName" ng-change="txtEnable()" />
  <span>{{ (myName.length % 2) === 0 }}</span>
  <button ng-disabled="(myName.length % 2) === 0">button</button>
</body>

</html>

ng-disabled不在按钮中工作

1 个答案: