2017-06-17 8 views
0

キャッチは、双方向バインディングを使用しないことです。我々はこのようにコンポーネントを設定している:どのような私は、イベントハンドラで取得したいことは、選択されたオプションにバインドされたオブジェクト全体でオブジェクト結合リストから選択されたオプションを角度で取得する

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

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

フォームは、フォームビルダを使用して、反応性1を構築しています。

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 link **](https://github.com/angular/angular/issues/4843)を参照してください – Aravind

+0

ありがとう、それはとても役に立ちました! –

関連する問題