Угловой 1: Измените md-checkbox в зависимости от ввода checkbox

Question

Как изменить статус проверки md-checkbox из Углового материала в зависимости от фактического статуса проверки флажка?

Вот мои галочки. Они находятся внутри ng-repeat.

<input type="checkbox" ng-checked="item.completed" ng-model="toDoItemCheckbox"> 
    <md-checkbox 
     ng-change="toggleToDoItem({{item.createdAt}})" ng-model="toDoItemCheckbox" aria-label="todo-checkbox"> 
    </md-checkbox> 

Answer 1

Почему вам нужен контрольный вход типа окна, когда у вас уже есть мкр-флажок. Проверенное состояние md-checkbox может быть изменено в зависимости от модели.

<section class="white-frame-z1" ng-repeat="todo in todos"> 
    <md-toolbar> 
     <div class="md-toolbar-tools"> 
     <input type="checkbox" ng-model="todo.status" ng-click="toggleTodo(todo)" />Regular Checkbox 
     <md-checkbox ng-model="todo.status"> 
      {{todo.name}} 
     </md-checkbox> 
     </div> 
    </md-toolbar> 
    </section> 

Для получения более подробной информации, пожалуйста, проверьте это Codepen.

Answer 2

Вы можете сделать это, просто используя ng-model для двусторонней привязки данных:

<div ng-repeat="item in toDoItems"> 
    <input type="checkbox" ng-model="item.complete"> 
    <md-checkbox 
     ng-change="toggleToDoItem({{item.createdAt}})" ng-model="item.complete" aria-label="todo-checkbox"> 
    </md-checkbox> 
</div> 

Смотрите эту Code Pen.