Question

如何从select选项中执行此功能？我正在使用ngFor来迭代每个选项，但是根据每个选项，你必须执行该函数。

<select>
  <option *ngFor="let categoria of categoriasTest | async">{{ categoria.nombre }}</option>
</select>

从按钮我这样做：

(click)="filtrarData(categoria.nombre)"

我的功能

filtrarData(categoria: Categoria) {
  this.avisosTest = this.fs.filterBy(categoria);
  this.selectedCategoria = categoria;
}

Answer 1

您可以对 select 上的ngModel使用 ngModelChange 更改选择。

<select [(ngModel)]="selectedcat" (ngModelChange)="filtrarData()">
  <option *ngFor="let categoria of categoriasTest | async">{{ categoria.nombre }}</option>
</select>

和TS

filtrarData() {
 //DO WHATEVER WITH this.selectedcat;
}

Answer 2

最后它保持这样，它对我有用：

<select [(ngModel)]="selectedCategoria" (ngModelChange)="filtrarData(selectedCategoria)">
   <option *ngFor="let categoria of categoriasTest | async" >{{ categoria.nombre }}</option>
</select>

评论stackblitz：https://stackblitz.com/edit/firestore-filter

从Angular中的选项选择执行函数

2 个答案: