Question

当我使用谷歌浏览器时，

（点击）功能不会在我的选择标签中触发，但在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与select一起使用，而不是单击

 <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回答

（点击）功能未在Chrome Angular 6中触发

2 个答案: