Question

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

但是我无法使用$ scope.button = 1

将复选框值设置为true或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>

我已从$scope属性中删除ng-model，因为这不属于那里。它已经受到范围的约束。

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

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

1 个答案: