javascript - 如何在 Angular 下拉列表中添加 onchange 事件？

Question

你能告诉我如何在 Angular 下拉列表中添加 onchange 事件吗？我做了一个简单的演示，最初我获取了 bank names 并显示在 drop down 中。现在我想在该下拉列表中添加 on change event。换句话说，我想选择哪个 bank 用户。使用那个 bank 名称我想得到 state names

这是我的代码 https://stackblitz.com/edit/angular-batt5c

<select class='select-option' 
        (ngModelChange)='onOptionsSelected($event)'>
    <option class='option' 
    *ngFor='let option of dropDownData' 
    [value]="option.seo_val">{{option.text_val}}</option>
</select>

onOptionsSelected(){
  console.log('===');
  // send selected value
  this.seletedValue.emit('');
}

Answer 1

使用 (change) 事件代替 (ngModelChange)。

<select class='select-option'
    #mySelect
    (change)='onOptionsSelected(mySelect.value)'>
   <option class='option' 
   *ngFor='let option of dropDownData' 
   [value]="option.seo_val">{{option.text_val}}</option>
</select>

在 typescript 文件中:

onOptionsSelected(value:string){
     console.log("the selected value is " + value);
}