在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ Angular5的select觸發(fā)change事件的時(shí)候，怎么拿到當(dāng)前optio

Angular5的select觸發(fā)change事件的時(shí)候，怎么拿到當(dāng)前option的對(duì)象集合？

假設(shè)數(shù)據(jù)是這樣的。。objList = [{name:"jack",age:23},{name:"lucy",24}]

<select class="form-control" (change)="selected($event)">
<option *ngFor="let obj of objList" value="{{obj.Value}}">{{obj.Name}}</option>
                                                
</select>
selected($event){

      }

選擇lucy的option時(shí)，selected方法怎么拿到當(dāng)前option的對(duì)象集合？即：{name:"lucy",24}

回答
編輯回答
玄鳥
<select #select class="form-control" (change)="selected(select.value)">
  <option *ngFor="let obj of objList;let i=index" value="{{i}}">{{obj.name}}</option>
</select>

objList = [{name:"jack",age:23},{name:"lucy",age:24}];
selected(index){
  console.log(this.objList[index])
}

將select的value設(shè)置成對(duì)應(yīng)的索引index，拿到索引就可以拿到對(duì)應(yīng)的對(duì)象了

2017年6月4日 18:49
編輯回答
葬愛
let selectedIndex = $event.target.selectedIndex;
let selectedItem = selectedIndex > -1 ? this.objList[selectedIndex] : null;
2018年4月16日 07:03