Question

我有以下代码：

component.html：

<select id="select" (change)="updateValue(this.value)">
  <option *ngFor="let option of filteredOptions" value="{{option .Id}}"></option>
</select>

component.ts：

updateValue(value: number){
  this.value= value;
}

我可以通过ID选择使用jQuery或vanilla JS来获取select的值。

问题

如何使用Angular传递select的值？

Answer 1

对于双向绑定，缺少[(ngModel)]="value"绑定。请尝试以下方法：

<select id="select" [(ngModel)]="selectedvalue">
      <option *ngFor="let option of filteredOptions" value="{{option .Id}}"></option>
</select>

现在您可以在组件中使用“selectedvalue”。

对于单向绑定，请使用$ event.value。请尝试以下方法：

<select id="select" (change)="updateValue($event.value)">
      <option *ngFor="let option of filteredOptions" value="{{option .Id}}"></option>
</select>

演示：https://plnkr.co/edit/zxiDsiMg9GFA6nRxr5ly?p=preview

Answer 2

我解决了它

<select id="select" (change)="updateValue($event.target.value)">
      <option *ngFor="let option of filteredOptions" value="{{option .Id}}" class="select-option"></option>
</select>

选择角度问题的价值

2 个答案: