ボタンで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>

は、span要素が更新されますが、ボタンにはありません。私はここで何をやったの？

出典

2016-10-22 Sankar

ありがとうございました！問題は中括弧{{}}です。

要素に式をバインドする中括弧（{{}}）が組み込まれています。角度付きマークアップ。あなたが解決策を見つけること素晴らしい

<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の学習を始める方が良い。あなたの環境を設定するには、あなたはangle-cliを使うことができます。がんばろう！ – Extranion

@Extranionまだ開始！ – Sankar

ボタンでng-disabledが機能していません

答えて

関連する問題