【问题标题】:angular checkbox does not bind to model角度复选框不绑定到模型
【发布时间】:2018-11-20 17:38:05
【问题描述】:
在我的控制器中,我有这个成员:
$scope.sameOptionsOnReturn = true;
在我看来:
<input type="checkbox"
ng-model="sameOptionsOnReturn"
ng-checked="sameOptionsOnReturn"
ng-value="true"
ng-change="setReturnOptions" />
但是输入没有绑定到复选框;它总是正确的。怎么了?
注意:删除ng-value="true" 没有任何区别。
【问题讨论】:
标签:
javascript
angularjs
checkbox
data-binding
【解决方案1】:
由于它在下面的 sn-p 中确实有效,因此我不得不假设您的代码中的其他地方有问题。
function SuperController($scope) {
$scope.sameOptionsOnReturn = true;
}
angular.module('myApp', []);
angular
.module('myApp')
.controller('SuperController', SuperController)
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="SuperController as s">
<input type="checkbox"
ng-model="sameOptionsOnReturn"
ng-checked="sameOptionsOnReturn"
ng-value="true"
ng-change="setReturnOptions" />
{{sameOptionsOnReturn}}
</div>
</div>
【解决方案2】:
ng-model 适用于您的绑定。所以你不需要把 ng-value="true" 让你的复选框总是选中。从输入复选框中删除它。 ng-model 值将使您的复选框选中或取消选中。