Açısal 1: Giriş onay kutusuna bağlı olarak md-onay kutusunu değiştir

Question

Gerçek onay kutusu kontrol durumuna bağlı olarak Angular malzemeden md-checkbox kontrol durumunu nasıl değiştirebilirim?

İşte onay kutularım. ng-repeat'un içindeler.

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

Zaten bir varken bir giriş tipi onay kutusunu gerekiyor Neden bu Code Pen.

Answer 1

bakınız:

<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

Sadece bağlayıcı iki yönlü veri için ng-model kullanarak bunu yapabilirdi md-onay kutusu. Kontrol edilmiş md onay kutusu modele bağlı olarak değiştirilebilir.

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

kontrol daha detaylı bilgi için bu Codepen.