2017-02-24 50 views
1

我與第一列複選框的表檢查從表頭角度的所有複選框2

<table *ngIf="Results && Results.length"> 
    <thead> 
     <tr> 
      <th> 
       <input type="checkbox" name="all" /> 
      </th> 
      <th>Location</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr *ngFor="let Result of Results; let i = index"> 
      <td> 
       <input type="checkbox" name="size1" value="{{Result.id}}" [checked]="Result.State" /> 
      </td> 
      <td>{{Result.Column1}}</td> 
     </tr> 
    </tbody> 
</table> 

如何實現檢查所有,並取消所有在Angular2考慮的事實,我有數據從數據庫中的結果來。複選框被選中或不被選中的狀態綁定。 (這是工作)。 我需要檢查/取消選中,如果用戶手動輸入,並且如果從數據庫返回的所有項目都檢查。

回答

0

您可以在打字稿創建方法:

checkAll(){ 
    for(let i in this.results){ 
     this.results[i].State = true; 
    } 
} 

而且從什麼地方調用它的點擊,對於例如:

<button (click)="checkAll()">Check all</button>