从对象循环遍历 DataView 内的 ng 模板的数组？

Question

我有这个型号：

export class TrackingProductoTarjeta {
    id:number,
    color:string
}

我有这个模型，它由 TrackingProductoTarjeta 模型的 2 个数组组成：

import { TrackingProductoTarjeta } from "./trackingProductoTarjeta";

export class TrackingProductoTarjetasData {
   tarjeta1: TrackingProductoTarjeta[] = [];
   tarjeta2: TrackingProductoTarjeta[] = [];
}

现在，假设我有一个名为“tarjetas”的“TrackingProductoTarjetasData”模型实例，每个数组中都有 2 个对象。

我想把它放在 primeNG 数据视图中。问题是我不知道该怎么做，我试过这个：

 <p-dataView [value]="tarjetas" [paginator]="true" [rows]="10">

                    <ng-template let-tar pTemplate="gridItem">
                        <div *ngFor="let item of tar.tarjeta1">
                            {{item?.color}}
                        </div>
                    </ng-template>
         
                </p-dataView>

我想要做的是拥有 1 个 TrackingProductoTarjetasData 模型实例，并为 tarjeta1 制作 1 个 DataView 行，为 tarjeta2 制作另一个，显示其中的内容。这可能吗？

Answer 1

这个怎么样？

// This will be the items we display in the view
targetaElements: TrackingProductoTarjeta[] = [];

set tarjetas(data: TrackingProductoTarjetasData) {
    this.targetaElements = [...data.tarjeta1, ...data.tarjeta2];
}

我猜你的观点是这样的：

 <p-dataView [value]="targetaElements" [paginator]="true" [rows]="10">
    
    <ng-template let-item="tar" pTemplate="gridItem">
        <div>
            {{item?.color}}
        </div>
    </ng-template>
    
</p-dataView>

从对象循环遍历 DataView 内的 ng 模板的数组？

Loop throught arrays from an objetc for a ngtemplate inside a DataView?

arrays

angular

typescript

primeng

ngfor