angularjs显示不起作用

Question

我有html按钮

<button id="postChanges" ng-show="changes.available" data-ng-click="postChanges()">Save</button>

和该视图的控制器

myApp.controller('myController', ['$scope', function ($scope) {

    var changes = {
        available : false
    }

    $scope.postChanges = function () {
        console.log('changes before: ' + changes.available);
        if (changes.available) {
            changes.available = false;
        }
        else {
            changes.available = true;
        }
        console.log('changes after: ' + changes.available);
}
}]);

我想让按钮可见，如果changes.available为true，并在为false时将其隐藏，但它不起作用。 我还尝试了布尔值更改= true /更改= false，用data-ng-show代替ng-show'！' 值之前（ng-show =“！changes.available”或ng-show =“！changes”），但这些解决方案均无效。 我正在控制台中记录更改值，看来还可以，所以我想这是按钮属性的问题，但我不知道为什么:(

Answer 1

Changes.available必须在$ scope上...

var changes = {
    available : false
};

... 至 ...

$scope.changes = {
    available : false
};

这应该做。 按钮上的ng-show必须能够看到变量。

Answer 2

应该

$scope.changes =  {
    available : false
}

否则，无法使用ng-show指令。