Angular 2问题获取选择选项值

发布时间：2020-12-17 17:42:18 所属栏目：安全来源：网络整理

导读：我有一个选择 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'},];

我有一个选择

<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);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!