<section ng-app="app" ng-controller="ctrl">
<p ng-show="check && form.$invalid"></p>
<form name="form" ng-submit="init()">
<input type="text" ng-model="text" required/>
<!-- <input type="submit" ng-click="alterCheck()"/> -->
<input type="submit" ng-click="check=true"/>
</form>
</section>
angular.module('app', [])
.controller('ctrl', function($scope){
$scope.check = false;
$scope.init2 = function() {
$scope.text = '';
}
$scope.init = function() {
$scope.init2();
$scope.check = false;
}
$scope.alterCheck = function() {
$scope.check = true;
}
})
在实际项目中,使用 ng-click="check=true"
的方法会造成点击后 p
处于显示的状态,而 ng-click="alterCheck()"
则不会,请问这是什么原因呢?
上述代码无法复现我所说的现象。有什么额外的原因可能造成这一现象吗?
我在这个例子里可以重现类似你描述的问题(因为之前遇到过,所以多看了几眼):
如果运行当前的代码,会发现,
{{ checkIndex }}
压根没有变化,无论你怎么使劲点,戳破鼠标也没用但如果
template
换成我注释掉的那部分代码,改用changeCheckIndex
方法,{{ checkIndex }}
就变化了。那么问题来了,如何造成这个局面的?我们还是要回到文档去(最近发现
ng
的文档还是不错的):文档地址: ngRepeat
值的复制和对象的引用的区别,这个问题不好回答啊,重现不了错误,只能大概觉得。