2017-06-17 120 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

謝謝你,真是太好了! –