角度1：入力チェックボックスに応じてmd-checkboxを変更します

Question

md-checkboxのチェックステータスを実際のチェックボックスのチェックステータスに応じて角度材料から変更するにはどうすればよいですか？

ここに私のチェックボックスがあります。彼らはng-repeatの中にあります。

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

Answer 1

を参照してください：

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

あなたは、単に結合双方向データ用ng-modelを使用することによって、そうでしたmd-checkbox。 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をご確認ください。