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为您更新数据值。