javascript - Angular 复选框未绑定(bind)到模型

Question

在我的 Controller 中我有这个成员:

$scope.sameOptionsOnReturn = true;

在我看来:

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

但是输入没有绑定(bind)到复选框；它永远是真的。怎么了？

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

Answer 1

由于它在下面的代码片段中确实有效，我不得不假设您的代码中的其他地方有问题。

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>