2017-06-17 99 views
0

问题是我们不想使用2路绑定。我们的组件集是这样的:从角度对象绑定列表中获取选定选项

<select type="text" formControlName="region" (change)="regionChanged($event)"> 
       <option *ngFor="let region of regionsDDL" [ngValue]="region">{{region.name}}</option> 
      </select> 

形式是建立使用表单生成器作为一个反应:

this.fb.group({ 
. 
region:... 
. 
}); 

我理想中的事件处理程序来获取绑定到所选的选项整个对象。它是安全只是访问这样的表单组值:

regionChanged($event) { 
    let selectedRegion = this.basicInfoForm.controls["region"].value; 
     } 

,或者它不能保证时(其他城市)事件发生前形式控制值的更新发生?

回答

2

分配ngModel到它,并使用ngModelChange()事件

<select type="text" formControlName="region" [ngModel]="someValue" (ngModelChange)="regionChanged($event)"> 
       <option *ngFor="let region of regionsDDL" [ngValue]="region">{{region.name}}</option> 
      </select> 
+0

呵呵男人,这是我需要什么直接。你能指点我在哪里我可以找到自己的文档吗?我花了相当多的时间寻找它,不能。谢谢! –

+0

@deezg请参阅本文[** github链接**](https://github.com/angular/angular/issues/4843) – Aravind

+0

谢谢你,真是太好了! –