在页面加载/刷新时以随机顺序显示Firebase数据来源的Angular 6 mat卡
我显示来自firebase的数据。当我更改表单值或刷新页面时,我希望以随机顺序显示我的卡片。有可能吗 以下是我的组件模板:在页面加载/刷新时以随机顺序显示Firebase数据来源的Angular 6 mat卡,angular,random,mat-card,Angular,Random,Mat Card,我显示来自firebase的数据。当我更改表单值或刷新页面时,我希望以随机顺序显示我的卡片。有可能吗 以下是我的组件模板: <ng-container *ngFor="let geoToDisplay of geosToDisplay | async"> <ng-container *ngIf="toppings2.value.includes(geoToDisplay.esSos)"> <ng-container *ngIf="toppings.va
<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>
布拉布拉
您可以使用
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>
{{randomCard}