Angular2：從輸入

Question

一個QueryList獲取值的最佳做法，所以我創建一個列表輸入：

template: `   
     <div *ngFor="#item of m_checkboxes"> 
      <label class="pull-left">{{item.name}}</label> 
      <Input #checkInputs type="checkbox" (change)="onChange($event.target.value)" [checked]="item.checked" value="{{item.value}}" class="pull-left" style="margin-right: 2px"> 
     </div> 

，我通過創建的輸入的QuestList：

@ViewChildren('checkInputs') 
    inputs:QueryList<any> 

，並在任何一個的輸入複選框點擊我的地圖循環過Observables，但我不得不進入NativeElement抓住檢查值，我覺得必須有更好的方式...

這就是我所做的現在，這是有效的......但這是否是最佳做法？

private onChange(value) {  
     this.inputs.map(v=>{ 
      console.log(v.nativeElement.checked); // grab value from native :-(
     }); 

    } 

感謝

肖恩

Answer 1

而不是檢查DOM元素，我認爲這將是更好地檢查數據 - 的item.checked值，無論這些都是在你的組件。如果您檢查DOM的原因是更新數據值，那麼這就是雙向數據綁定的用途。我相信只要將[checked]="item.checked"更改爲[(ngModel)]="item.checked"將使雙向綁定成爲可能，以便Angular2爲您更新數據值。