html – 更改选择选项时获取当前值 – Angular2

概述我正在写一个angular2组件，我正面临着这个问题。 描述：我想在触发(更改)事件时将select选择器中的选项值推送到其处理程序。 如下面的模板： <select (change)="onItemChange(<!--something to push-->)"> <option *ngFor="#value of values" value="{{value.key}}">{{val 我正在写一个angular2组件，我正面临着这个问题。

描述：我想在触发(更改)事件时将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  }}

如何获取值(不使用jquery)？

解决方法 有一种方法可以从不同的选项中获取价值。检查这个 plunker

component.HTML

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

component.ts

this.types = [ 'type1','type2','type3' ];   this.order = {      type: 'type1'            };    callType(value){    console.log(value);    this.order.type=value;  }

总结

以上是内存溢出为你收集整理的html – 更改选择选项时获取当前值 – Angular2全部内容，希望文章能够帮你解决html – 更改选择选项时获取当前值 – Angular2所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。