(щелчок) функция не запускается в Chrome Angular 6

Question

(щелчок) функция не срабатывает в моем теге выбора, когда я использую Google Chrome, но работает в Mozila

это мой код

<div class="col-xl-4 col-lg-9">
    <select formControlName="deptId" class="form-control m-input" >
    <option>SELECT</option>
    <option *ngFor="let item of listAllDepartment"  (click)="getdoctorlistid(item.dept_id)" value={{item.dept_id}}>{{item.dept_name}}</option>
    </select>
</div>

Спасибо

Answer 1

Вы должны использовать ngModelChange с выбором вместо нажатия

 <selectformControlName="deptId" class="form-control m-input"  [(ngModel)]="itemSelected" (ngModelChange)="getdoctorlistid(itemSelected)">

Answer 2

Вы не можете добавить такое событие к <option>
Вы можете добавить

<select 
    [(ngModel)]="selectedItem" 
    (ngModelChange)="getdoctorlistid(selectedItem)">
        <option>SELECT</option>
        <option 
            *ngFor="let item of listAllDepartment"  
            (click)="getdoctorlistid(item.dept_id)" 
            value={{item.dept_id}}>
                {{item.dept_name}}
        </option>
</select>

Редактировать : Мне нравится @Sajeetharan ответил