В этом простом примере здесь я хочу установить значение флажка в true или "1" с помощью контроллера. Я также хочу сохранить переменную с именем $ scope.button внутри контроллера, привязанную к флажку с помощью ng-модели.
Однако я не могу установить значение флажка в true или 1, используя $ scope.button = 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;
});
Использовать это:
<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/