AngularJS -在一个复选框上使用ng-model，并通过控制器打开/关闭它

Question

请参阅jsFiddle

在这个简单的例子中，我想使用控制器将复选框的值设置为true或'1'。我还想保留一个名为$scope的变量。按钮，该按钮使用ng-model绑定到复选框。

但是，我无法使用$scope将复选框值设置为true或1。按钮= 1

<div ng-app="App"> 
    <div ng-controller="MyCtrl">
        <input ng-model="$scope.button" ng-true-value="1" ng-false-value="0" type="checkbox"/>
    </div>
</div>

角代码

var app = angular.module('App', [])

app.controller('MyCtrl', function($scope) {
  $scope.button = 1;  
  });

Answer 1

使用

<div ng-app="App"> 
  <div ng-controller="MyCtrl">
    <input ng-model="button" type="checkbox"/>
    <span ng-bind="button"></span>
  </div>
</div>

我已经从ng-model属性中删除了$scope，因为这不属于那里。它已经被绑定到作用域。

工作小提琴:http://jsfiddle.net/4bdkkenp/3/