如何获得角度2中的选择值?

在角度上,我们可以求助于 *ngFor 遍历选项。因此,创建一个包含所有选项的数组 所以从组件开始。ts侧优先

  itemState = [
    'all',
    'pending',
    'accepted',
    'inprogress',
    'completed'
  ];

然后,我们可以在检测到更改时调用函数并定义行为。

  onChange(value: any){
    console.log(value);
  }

然后回到组件。html

• 我们可以调用函数 change 事件,并将 事件目标属性 所以我们可以得到调用这个函数的元素的值。

• 我们还使用*ngFor 指令 遍历itemState的所有选项,并将其分配给实例 state

• 我们 插话 使用双花括号的选项值 {{ }}

<select (change)="onChange($event.target.value)">
  <option *ngFor="let state of itemState" value="{{state}}">{{state}}</option>
</select>