Угловой ngFor с наблюдаемой добавленной стоимостью выбора - PullRequest
Новая
       20

Угловой ngFor с наблюдаемой добавленной стоимостью выбора

0 голосов
/ 23 октября 2018

У меня есть цикл ngFo, например 

<mat-option *ngFor="let checklist of filterChecklist | async" [value]="checklist.checklistName" (click)="filterList(checklist.checklistName)">
              <span>{{ checklist.checklistName }}</span>
            </mat-option>

Я хочу добавить элемент сверху, например, «ВСЕ» или «Выбрать»

Мой код в .ts - 

filterChecklist: any;
    this.filterChecklist = this.dataSharingService.filters();

Выше, чем Retusn Observale

Как я могу это сделать, советую Plz.

Спасибо

1 Ответ

0 голосов
/ 23 октября 2018

Может быть, я не берусь за то, что вам нужно, но

просто добавьте <mat-option>ALL</mat-option> до того, как ваш ngFO будет таким?

<mat-option>ALL</mat-option>
<mat-option *ngFor="let checklist of filterChecklist | async" [value]="checklist.checklistName" (click)="filterList(checklist.checklistName)">
              <span>{{ checklist.checklistName }}</span>
</mat-option>
...