javascript - 通过 ng-click 函数更新 ng-model 值将给出控制台错误

Question

我使用的是 angularjs 1.6，当我进入页面时，浏览器控制台不断给出错误:[$parse:syntax]。

还有一些像这样的消息。

<span class="switch" ng-click="disableValue() undefined ? optionValue: optionValue=!optionValue" ng-class="{ checked:optionValue, disabled:undefined }" style="margin-top:0px;" ng-model="optionValue">

进入页面时默认值为true，可以通过点击切换按钮将其关闭。

功能很好用。但控制台总是提示这个错误，不知道为什么。

在 HTML 中

angular.module('app').controller({
  $scope.optionValue = true;
  
  $scope.disableValue = function()
  {
    $scope.optionValue = !$scope.optionValue;
  }

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<switch style="margin-top:0px;" ng-model="optionValue" ng-click="disableValue()"></switch>

有人可以给点提示吗？我猜问题出在 ng-model 和 ng-click 上。

Answer 1

您可以直接在 ng-click 中直接修改变量。

示例:

尝试单击Hello, World! 语句。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.colorVal= true;
});

.red {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="myApp">
  <span ng-class="{red: colorVal}" ng-click="colorVal = !colorVal">
  Hello, World! </span>
</div>

记住: 使用ng-model与输入，选择和文本区域。