2016-10-22 69 views
0

我正在學習棱角分明的東西,並陷入了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>

當我改變文本的價值

,跨度元素得到更新,但按鈕沒有。我在這裏做錯了什麼?

回答

1

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>

+1

偉大的,你找到解決方案。但是你使用的角度版本非常古老。更好地開始學習angular2。要設置您的環境,您可以使用angular-cli。祝你好運! – Extranion

+0

@Extranion尚未開始! – Sankar