javascript - ng-disabled 不适用于 $scope 变量

Question

我正在尝试这样的事情 -

<button class="btn btn-lg btn-block btn-section"
     ng-disabled="{{ selectedfruits.length }} < 5" > Show selected fruits</button>

在 chrome 开发人员工具中，源代码如下所示

<button class="btn btn-lg btn-block btn-section" 
    ng-disabled="0 < 5">
        Show selected fruits</button>

但是按钮没有被禁用，我的 Controller 看起来像这样 -

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

Answer 1

你需要写没有插值{{ }} .它将自动解析内容并使用表达式

ng-disabled="selectedfruits.length < 5"

见 Documentation