ngModelバインディングで角度入力イベントがトリガーされていません

Question

現在、小さな角度のプロジェクトで作業中で、入力イベントに問題があります。

<select (change)="onSelect($event.target.value)" > 
    <option *ngFor="let option of options" [value]="option.id">{{option.name}}</option> 
</select> 

これは正常に動作してもされています

は、私は次のコードを持っています。しかし、私はそれを次のように変更したいと考えました：

<select (change)="onSelect($event.target.value)" [(ngModel)]="selectedItem"> 
    <option *ngFor="let option of options" [value]="option.id">{{option.name}}</option> 
</select> 

これ以降、変更イベントはもう発生しません。私も[ngModel]と（ngModelChange）ともっとたくさん試しました。しかし、ngModelとバインドされているものがある限り、イベントはそれ以上トリガーされません。

すべての私の角度のものは、バージョン5.1.2でその動作を角度を持っている理由は、誰もが知ってい

1.6.2でのCLIのですか？ ご挨拶ありがとうございます。

Answer 1

あなたはngModel

<select (ngModelChange)="onSelect($event.target.value)" [(ngModel)]="selectedItem"> 
    <option *ngFor="let option of options" [value]="option.id">{{option.name}}</option> 
</select> 

Answer 2

を使用して値をバインドしているとき、それは次のように仕事ができるngModelChangeを使用する必要があります。ここでは

<select type="number" [(ngModel)]="selectedItem" > 
    <option *ngFor="let option of options" [ngValue]="option.id">{{option.name}}</option> 
</select> 

はplnkrが、それはあなたの問題の仲間の解決を願って取り組んでいます。 ）

Answer 3

この試してみてください。component.tsで

<select type="number" [(ngModel)]="selectedItem" > 
    <option *ngFor="let option of options" (click)=“selectedItem(option)” [ngValue]="option.id">{{option.name}}</option> 
</select> 

を -

optionSelected: any; 
selectedItem(option: any) { 
if (option) { 
this.optionSelected = option; 
} else { 
this.optionSelected = ‘’; 
} 
} 

次に、あなたがあなたのニーズに応じてthis.optionSelected使用することができます。..