труба и кнопка asyn c не отображаются, пока вы не нажмете на вкладку вручную

Question

У меня ниже HTML код, который является частью angular 6 приложения.

 <footer *ngIf="tab === 'toBeProcessed' && toBeProcessed | async as tobeprocessed">
        <custom-loader-button *ngIf="tobeprocessed['@count'] > 5" (click)="loadMoreOrders()" [showSpinner]="loader">
            {{ 'i18n.WID_GEN_loadMore' | translate | uppercase }}
        </custom-loader-button>

</footer>

У меня есть таблица вкладок, под которой определена эта кнопка, приведенный выше код работает только при нажатии на вкладку вручную или я переключаюсь между двумя вкладками.

У меня есть код ниже, чтобы убедиться, что он обнаруживает изменения.

Я также попытался ввести следующий код:

 ngAfterViewInit() {
            this.cd.detectChanges();
        }