角度2（クリック）私は私のHTMLテンプレートにこのような何か使っているクローム

Question

では動作しません：私はFirefoxでドロップダウンメニューで何かを選択した場合は、この方法locationOnSelectが呼び出され

<div class="input-group" id="geo-type"> 
     <div class="input-label" [style.color]="geographicLocationColor">{{geoLocationTitle}}</div> 
     <select class="dropdown-toggle dropdown-select" role="button" aria-haspopup="true" aria-expanded="false"> 
      <option value="" selected hidden>{{geographicLocationPl}}</option> 
      <option *ngFor="#geo of geographicLocations" (click)="locationOnSelect(geo)">{{geo.description}}</option> 
     </select> 
    </div> 

を（I場所によって識別される他のGETを行っています）、Chromeでは何も起こりません。方法はlocationOnSelectは呼び出されません。

また、IE（バージョン11）、locationOnSelectは問題ありませんが、次のGET（ユーザーが2番目のドロップダウンメニューで何かを選択）でIEがクラッシュする - 動作を停止します。だから私のアプリは100％Firefoxでしか動作しません。何か案は？あなたが代わりに<option>

の<select>上(click)="..."か(change)="..."を追加する必要が

Answer 1

は、私は、select属性には `（クリック）`ディレクティブを見ないもClick event on select option element in chrome

<div class="input-group" id="geo-type"> 
    <div class="input-label" [style.color]="geographicLocationColor">{{geoLocationTitle}}</div> 
    <select [ngModel]="selectedGeo" (ngModelChange)="locationOnSelect($event)" 
     class="dropdown-toggle dropdown-select" role="button" aria-haspopup="true" aria-expanded="false"> 
     <option selected hidden>{{geographicLocationPl}}</option> 
     <option *ngFor="#geo of geographicLocations" [ngValue]="geo">{{geo.description}}</option> 
    </select> 
</div>