小编Fah*_*hal的帖子

如何在角度模板中迭代联合类型数组

我是 Angular 的新手,开始研究版本 12,但我陷入了困境。我想在模板中迭代我的联合数组,但它给了我错误。

错误:输入“IBasketItem[] | IOrderItem[]' 不可分配给类型'NgIterable'。

这是我想要迭代的组件中的联合数组。

@Input() items: IBasketItem[] | IOrderItem[] = [];
Run Code Online (Sandbox Code Playgroud)

这是模板代码

<tr *ngFor="let item of items" class="border-0">
Run Code Online (Sandbox Code Playgroud)

它在“of”关键字下给了我一条红线,并出现上述错误

这是 IBasketItem 接口

export interface IBasketItem {
id: number;
productName: string;
price: number;
quantity: number;
pictureUrl: string;
brand: string;
type: string;
Run Code Online (Sandbox Code Playgroud)

}

这是 IOrderItem 接口

export interface IOrderItem {
productId: number;
productName: string;
pictureUrl: string;
price: number;
quantity: number;
Run Code Online (Sandbox Code Playgroud)

}

如果有人提出解决方案,我将不胜感激。

typescript ngfor angular

8
推荐指数
1
解决办法
1712
查看次数

标签 统计

angular ×1

ngfor ×1

typescript ×1