2016-08-30 3 views
1

を動作していないが、私はこのような何かをしようとしていますコントローラはこのように見えます -

.controller('fruitSelectorController', 
    function ($scope, $rootScope, $timeout) { 
    $scope.fruits = ['a', 'b', 'c', 'd', 'e']; 
       $scope.selectedfruits = []; 
    }); 
+0

だけ削除角度のディレクティブ – Vineet

+0

で変数を解析する必要はありません{{}} NG-無効から。 –

答えて

6

{{ }}なしで書く必要があります。これは、コンテンツを自動的に解析し、

ng-disabled="selectedfruits.length < 5" 

あなたはNG-無効から中括弧を削除する必要がありますDocumentation

4

を参照してください。式を使用します。 ビューHTMLの配列を評価する必要はありません。 スコープ変数は自動的に評価され、角度は双方向バインディングであるため、自動的にビューが更新されます。

<button class="btn btn-lg btn-block btn-section" ng-disabled=" selectedfruits.length < 5" > Show selected fruits</button> 
0
<!DOCTYPE html> 
<html lang="en-US"> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body ng-app="myApp" ng-controller="fruitSelectorController"> 
<button ng-disabled="selectedfruits.length < 5">Test</button> 
</body> 
<script type="text/javascript"> 
    angular.module('myApp',[]).controller('fruitSelectorController', function ($scope) 
    { 
     $scope.fruits = ['a', 'b', 'c', 'd', 'e']; 
     $scope.selectedfruits = ['1']; 
    }); 
</script> 
</html>