Отображение карты памяти Angular 6, полученной от Firebase Data, в случайном порядке при загрузке / обновлении страницы - PullRequest
Новая
       33

Отображение карты памяти Angular 6, полученной от Firebase Data, в случайном порядке при загрузке / обновлении страницы

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

Я отображаю данные из Firebase.Я хочу показывать свои карты в случайном порядке, когда я изменяю значение формы или обновляю страницу.Это возможно?

Вот мой шаблон компонента: 

<ng-container *ngFor="let geoToDisplay  of geosToDisplay | async">
  <ng-container *ngIf="toppings2.value.includes(geoToDisplay.esSos)">
    <ng-container *ngIf="toppings.value.includes(geoToDisplay.typeSos)">
      <div class="col">
        <mat-card>BLABLA
        </mat-card>
      </div>
    </ng-container>
  </ng-container>
</ng-container>

1 Ответ

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

Вы можете использовать 

setInterval(() => {
    this.randomCard = this.geosToDisplay[Math.floor(Math.random() * this.geosToDisplay.length)]; // this'll get the random value depending on your array length
  }, 30000);

и связать его как 

 <mat-card >{{randomCard}}</mat-card>
...