Chromeを使用しているときに選択オプションの機能が起動しない

Question

次の選択構造があります。問題はFirefoxでのみ動作することです（前のバージョン）。たとえば、Chrome（前回のバージョン）を使用している場合、onSelection（）関数はトリガーされません。そのポイントは、ノードを選択し、後で使用するためにselectedNodeに保存することです。私は同様の問題を抱えている人々を見つけましたが、解決策のどれも私のために働きません前もって感謝します。

component.html

<select [(ngModel)]="selectedNode" required> 
    <option *ngFor="let node of tenant.nodes" (click)="onSelection()" [ngValue]="node">{{node}}</option> 
</select> 

component.ts

export class TESTComponent { 
selectedNode: string 
tenant: Tenant = {name:'asd',nodes:['node1','node2']}; 
} 

Answer 1

まず、(click)="onSelection()"optionタグにすべきではない、とセカンドあなたが変更された値を必要とするので、代わりに(click)

<select [(ngModel)]="selectedNode" (change)="onSelection()" required> 
    <option *ngFor="let node of tenant.nodes" [ngValue]="node">{{node}}</option> 
</select> 

Answer 2

この

<select (ngModelChange)="onChange($event)" [ngModel]="selectedNode" required> 
    <option *ngFor="let node of tenant.nodes" [ngValue]="node">{{node}}</option> 
</select> 

https://angular.io/guide/template-syntax#inside-ngmodel

をお試しください