在Angular4中获取select-selectedIndex和select-option下的click事件

Question

我想获取selectedIndex，然后获取select数据模型，然后我发现我可以直接获取selected数据模型。但是，选项下的点击事件不起作用。

<select class="form-control selectpicker" #Code name="Code" [(ngModel)]="model.Code">
    <option value="" selected="selected">--Please select--</option>
    <option *ngFor="let x of Codes" [value]="x.Code" [selected]="x.Code == model.Code" (click)="searchWithCode(x)">{{x.Name}}</option>
</select>`

searchWithCode(code:any) : void {
    this.model.Name1 = code.Name1;
    this.model.Name2 = code.Name2;
}

Answer 1

尝试在下拉菜单中使用更改事件：

<select class="form-control selectpicker" #Code name="Code" [(ngModel)]="model.Code" (change)="searchWithCode($event)">
    <option value="" selected="selected">--Please select--</option>
    <option *ngFor="let x of Codes" [value]="x.Code" [selected]="x.Code == model.Code" >{{x.Name}}</option>
</select>

在Angular4中获取select-selectedIndex和select-option下的click事件

Get select-selectedIndex and click event under select-option in Angular4

html-select

angular