Angular 2问题获取选择选项值

Question

我有一个选择

<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？

Answer 1

将 [ngValue] 更改为 [value]

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

并将形状调整为 shape.value。

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