Угловой 4 нг для & ngIf - PullRequest
Новая
       8

Угловой 4 нг для & ngIf

0 голосов
/ 24 апреля 2018

Я рассчитываю подсчитать количество проверок, выполненных в моем массиве, которые равны «уровню 1».

Всякий раз, когда я пытаюсь отобразить количество предметов, равных уровню1 в progressList, он будет отображать номер для всех элементов в массиве progressList.

Как бы я отобразил количество выполненных предметов, равное уровню 1? 

 <div *ngFor="let levels of progressList | slice: 0:1; let i = index" align="center">
          <p *ngIf="levels.level == 1"> You've Completed {{progressList?.length}}/4 Lessons! </p>
        </div>

*** РЕДАКТИРОВАТЬ с массивом ****

complete: "Complete", уровень: 1, user_id: "email@email.com"

complete: "Complete", уровень: 1, user_id: "email@email.com"

complete: "Complete", уровень: 1, user_id: "email@email.com"

complete: "Complete", уровень: 2, user_id: "email@email.com"

complete: "Complete", level: 2, user_id: "email@email.com"

1 Ответ

0 голосов
/ 24 апреля 2018

Попробуйте следующее, возможно, ваш уровень имеет тип string 

<p *ngIf="levels.level === '1'"> You've Completed {{progressList?.length}}/4 Lessons! </p>

EDIT

ngIf не используется для фильтрации данных.это показать элементы, когда условие выполнено.Вы можете сделать это, чтобы показать счетчик в component.ts

completeCount: any; 

this.completedCount = progressList.filter(t=>t.level ==1).length;

и в шаблоне 

<p> You've Completed {{this.completedCount}}/4 Lessons! </p>
...