Angular 2问题获取选择选项值

前端之家收集整理的这篇文章主要介绍了Angular 2问题获取选择选项值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个选择

<select name='shape_id' ngModel (change)='changeShape($event.target.value)'>
  <option *ngFor="let shape of shapes" [ngValue]="shape.id">{{shape.name}}</option>
</select>

这是数据.

shapes = [
    {id:'1',name:'Angle'},{id:'2',name:'Bar'},];

我无法获得价值.

changeShape(shape){
    console.log(shape);
  }

输出“0:1”,但我想要值1.

以下是检查器中的选项.

<option value="0: 1" ng-reflect-ng-value="1">Angle</option>

我如何获得id值1?

解决方法

将[ngValue]更改为[value]

<select name="shape_id" (change)="changeShape($event.target)">
    <option *ngFor="let shape of shapes" [value]="shape.id">
      {{shape.name}}
    </option>
  </select>

并塑造形状.价值.

changeShape(shape){
  console.log(shape.value);
}

猜你在找的Angularjs相关文章