javascript - 为什么不能使用 "switch"技术从HTML更改范围值？

我有简单的 Controller 代码:

JS

$scope.showErrorAlert = false;


$scope.switchBool = function(value) {
    value = !value;
};

HTML

<div class="alert alert-error" ng-show="showErrorAlert">
                <button type="button" class="close" data-ng-click="switchBool(showErrorAlert)" >×</button>
              <strong>Error!</strong> {{errorTextAlert}}
             </div>

从代码片段中，您可以看到我尝试更改$scope.showErrorAlert的值。

但是，它不起作用，value更改了，但showErrorAlert更改了。

有人能告诉我为什么以及如何使其工作吗？

谢谢

最佳答案

其他人已经为您提供了一个正确的答案，说明为什么传递的变量未在范围上更改。但是，如果您真正的用例仅仅是切换 bool 值，那么至少还有另外两种简单的方法可以实现此目的:

a)直接在ngClick表达式内切换变量:

<button type="button" ng-click="showErrorAlert = !showErrorAlert">×</button>

b)通过将变量名传递给通用的“switch”函数来切换变量:

<button type="button" ng-click="switchBool('showErrorAlert')">×</button>

$scope.switchBool = function(var){
  $scope[var] = !$scope[var];
};