Angular 更改 Select 选项时获取当前值

<select (change)="onItemChange(<!--something to push-->)">
    <option *ngFor="#value of values" value="{{value.key}}">{{value.value}}</option>
</select>

export Class Demo{

  private values = [
     {
        key:"key1",
        value:"value1"
     },
     {
        key:"key2",
        value:"value2"
     }
  ]

  constructor(){}
  onItemChange(anyThing:any){
     console.log(anyThing); //Here I want the changed value
  }
}

<select class="form-control" #t (change)="callType(t.value)">
  <option *ngFor="#type of types" [value]="type">{{type}}</option>
</select>

this.types = [ 'type1', 'type2', 'type3' ];

callType(value) {
  console.log(value);
  this.order.type = value;
}

Angular相关问答推荐

尾风手风琴中的Ngor

导致无限请求的Angular HttpInterceptor和HttpClientModule

更改图表上的光标以进行zoom

在Angular 多选下拉菜单中实现CDK拖放排序的问题

筛选器不会从文本输入触发更改事件

PathMatch full始终连接到参数化路径，即使完整路径不匹配也是如此

我需要取消订阅路由的可观察事件吗

JsPDF Autotable 将图像添加到列中出现错误：属性getElementsByTagName不存在

Angular：如何在根组件中使用 ngx-translate？

RxJS 基于先前的数据响应执行请求(涉及循环对象数组)

无法将项目从 Angular 13 更新到 14

清除Angular2中的输入文本字段

将环境变量传递给Angular 库

如何从Angular 2 中的按钮单击触发输入文件的单击事件？

Angular 4 设置下拉菜单中的选定选项

angular4的所见即所得编辑器

RxJS：takeUntil() Angular 组件的 ngOnDestroy()

Angular 2：组件交互，可选输入参数

如何处理Angular2中的查询参数

如何导航到同级路由？