AngularJS - использование ng-модели на флажке и включение / выключение его через контроллер

Question

AngularJS - использование ng-модели на флажке и включение / выключение его через контроллер

0

В этом простом примере здесь я хочу установить значение флажка в 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;  

  });

BDillan 06 июль 2015, в 21:44

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

Chrillewoodz · Answer 1 · 2015-07-06T16-34-00.000Z

Использовать это:

<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/

Я пытался, и это не работает jsfiddle.net/4bdkkenp/3
@BDillan Обновленный ответ, у меня работает. jsfiddle.net/4bdkkenp/3