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>

演示

也是文档中的一个很好的演示.