首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用ng-click函数更新ng-模型值将导致控制台错误。

使用ng-click函数更新ng-模型值将导致控制台错误。
EN

Stack Overflow用户
提问于 2017-12-01 09:51:59
回答 1查看 472关注 0票数 0

当我输入页面时,我正在使用angularjs1.6,浏览器控制台保持给出错误:$parse:syntax

还有这样的信息。

代码语言:javascript
运行
复制
<span class="switch" ng-click="disableValue() undefined ? optionValue: optionValue=!optionValue" ng-class="{ checked:optionValue, disabled:undefined }" style="margin-top:0px;" ng-model="optionValue">

当我输入页面时,默认值是真的,我可以通过单击开关按钮来设置它。

功能可以正常工作。但是这个错误总是在控制台中被提示,我不知道为什么。

在html中

代码语言:javascript
运行
复制
angular.module('app').controller({
  $scope.optionValue = true;
  
  $scope.disableValue = function()
  {
    $scope.optionValue = !$scope.optionValue;
  }

})
代码语言:javascript
运行
复制
<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模型和ng点击的问题。

EN

回答 1

Stack Overflow用户

发布于 2017-12-01 10:00:57

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

示例:

尝试单击Hello, World!语句。

代码语言:javascript
运行
复制
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.colorVal= true;
});
代码语言:javascript
运行
复制
.red {
  color: red;
}
代码语言:javascript
运行
复制
<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>

记住:inputselecttextarea中使用吴模型

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47590713

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档