Ng If не работает в наблюдаемой переменной в Angular 6

Question

Я интегрировал сетку данных материала Angular6 с нумерацией страниц на стороне сервера по этой ссылке https://blog.angular -university.io / angular-material-data-table /

Здесь яхотите отобразить «Данные не найдены», если набор данных пуст от ответа.Я мог бы взять totalCount, который сопоставлен с Observable, и я могу напечатать вид, как показано ниже.Но ngIf не работает.

  private totalCountSubject = new BehaviorSubject([]);
  public totalCount$ = this.totalCountSubject.asObservable();
  this.totalCountSubject.next([body.data.count]);

  // View
  {{dataSource.totalCount$}} <!-- It displayes 0 or count of the row -->

   <!-- It does not work. --->
   <span *ngIf="(dataSource.totalCount$ | async) === 0 ">
     NO DATA FOUND!!!!
   </span>

Любая идея, почему ngIf не работает в этом случае.

Answer 1

обрабатывает условие с вложенным ngIf s

<ng-container *ngIf="dataSource.totalCount$ | async as totalCount">  
   <span *ngIf="totalCount == 0 ">
     NO DATA FOUND!!!!
   </span>

<ng-container>