angular复选框不绑定到模型

时间:2016-06-28 12:34:01

标签: javascript angularjs checkbox data-binding

在我的控制器中,我有这个成员:

$scope.sameOptionsOnReturn = true;

在我看来:

<input type="checkbox"
       ng-model="sameOptionsOnReturn"
       ng-checked="sameOptionsOnReturn"
       ng-value="true"
       ng-change="setReturnOptions" />

但是输入没有绑定到复选框;它总是如此。怎么了?

注意:删除ng-value="true"没有任何区别。

2 个答案:

答案 0 :(得分:2)

由于它在下面的代码段中有效,我必须假设代码中的其他地方有问题。

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>

答案 1 :(得分:0)

ng-model适用于您的绑定。因此,您不需要输入ng-value =“true”,这使得您的复选框始终处于选中状态。从输入复选框中删除它。 ng-model值将使您的复选框被选中或取消选中。