模型更改不更新视图

Question

我有一个按钮来监听点击事件，想法是在点击按钮时切换状态。

观点：

<button  ng-click="nextBtnClicked()" ng-disabled="{{state == 1}}" class="btn">Call</button>

控制器：

app.controller('workStation',['$scope',function($scope)
{
    $scope.state = 0;
    $scope.nextBtnClicked = function()
    {
       $scope.state = 1;
    };
}]

问题是单击按钮时我没有看到更改。我也尝试执行$ apply（）但是我收到错误“错误：[$ rootScope：inprog]”

Answer 1

您不需要使用插值。

使用：

ng-disabled="state == 1"

否则：

ng-disabled="{{state == 1}}"

将被评估为：

ng-disabled="false"

这意味着ngDisabled指令将在相关范围内观察名为false的变量。

Answer 2

使用

ng-click="state= !state"

每次单击按钮时都会切换状态。

和

ng-disabled="state==1"

在状态为1时禁用按钮。