angular ng-disable无法按预期工作

Question

我正在尝试在指令发出就绪状态时禁用控制器中的按钮。

我将布尔值传递给ng-disabled：

<button ng-disabled="{{pointsClaimed}}" ng-click="playVideo()">{{buttonText}}</button>

我的控制器：

    $scope.buttonText = 'Watch Video to Claim Points';
    $scope.pointsClaimed = false;

    $scope.$on('pointsClaimed', function(){
        $scope.buttonText = 'Points Claimed!';
        $scope.pointsClaimed = true;
    });

我可以看到按钮从false变为true：

但实际按钮未被禁用。

如果我硬编码为真或假，它按预期工作。如果值在HTML中按预期更改，为什么按钮不被禁用？

Answer 1

不要认为你需要大括号。尝试..

<button ng-disabled="pointsClaimed" ng-click="playVideo()">{{buttonText}}</button>

Demo

docs中的一个很好的演示。