Ng-disabled不工作按钮

ng-disabled not working in button

本文关键字：按钮 工作 Ng-disabled      更新时间：2023-09-26

我正在学习角的东西，并在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>

当我更改text中的值时，span元素得到更新，但按钮没有。我哪里做错了?

明白了!问题出在花括号{{}}上。

将表达式绑定到元素的花括号({{}})是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>

相关文章：