Ionic 4 FAB list меняет содержимое динамически

Question

Я изучаю ionic 4, и у меня возникают проблемы с динамическим изменением содержимого fab list при открытии списка fab.

Я пытаюсь добиться того, чтобы после выбора основной функции пользователь видел список кнопок, которые со временем меняются.Ниже приведен пример - srv.getProblems() вернет последние 5 проблем, которые будут меняться со временем.

  <ion-fab vertical="top" horizontal="end" *ngIf="srv.getProblems().length>0">
    <ion-fab-button color="danger">Problems</ion-fab-button>
    <ion-fab-list side="bottom">
      <ion-fab-button color="danger" *ngFor="let p of srv.getProblems()"> 
         {{p.name}}
      </ion-fab-button>
    </ion-fab-list>
  </ion-fab>

, а srv.getProblems выглядит так:

return this.problems.filter((item, index) => index < 5 );

Где this.problemsобновлено из другого источника.

Текущий результат заключается в том, что при изменении результата srv.getProblems () кнопки, новые для списка, добавляются в DOM, но не отображаются.Когда я прячу и открываю список потрясающих объектов, я вижу их правильно.

Как изменить его, чтобы правильно отображать динамически измененные кнопки?

Answer 1

Так же, как предложил Амир Арбабян, я проверил, чего не хватало в невидимых кнопках = это был класс fab-button-show.Я добавил это вручную для темплаза, как это:

<ion-fab-button class="fab-button-show" color="danger" *ngFor="let p of srv.getProblems()">

, и похоже, что теперь он работает правильно.Я думаю, что это ошибка, и я постараюсь сообщить об этом.