以下情况在javascript中很容易实现,但我在Angular中遇到了一些问题。
我有一个像这样的数组:
我有一个像这样的数组:
array a = ( "id" = 0, name = random(), column = 1, 2 or 3, blockrow= 1, 2 or 3)
我现在尝试使用ngFor创建一个网格,其中所有从get中获取的元素都分别放置在列和块中。目前我的代码可以正常工作,但很糟糕。
<div *ngFor="let a of a">
<template [ngIf]="a.column=='1'">
<div *ngFor="let b of a">
<template [ngIf]="b.blockrow=='1'">
Block 1 in column 1{{b.name}}
</template>
</div>
<div *ngFor="let b of a">
<template [ngIf]="b.blockrow=='2'">
Block 2 in column 1{{b.name}}
</template>
</div>
<div *ngFor="let b of a">
<template [ngIf]="b.blockrow=='3'">
Block 3 in column 1{{b.name}}
</template>
</div>
</template>
</div>
我需要为每一列都运行类似这样的代码。这意味着我要对同一个数组进行12次循环。有没有更优美的方法来实现呢?