ng-disabled不能在按钮中工作

我正在学习棱角分明的东西，并陷入了ng-disabled指令。以下是我的代码。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>

当我改变文本的价值

，跨度元素得到更新，但按钮没有。我在这里做错了什么？

来源

2016-10-22 Sankar

Got it！问题是用花括号{{}}。

将表达式绑定到元素的大括号（{{}}）是内置的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>

来源

2016-10-22 15:39:32 Sankar

伟大的，你找到解决方案。但是你使用的角度版本非常古老。更好地开始学习angular2。要设置您的环境，您可以使用angular-cli。祝你好运！ – Extranion

@Extranion尚未开始！ – Sankar

ng-disabled不能在按钮中工作

回答

相关问题