javascript - Angular2 单 ngFor 用于多个数组

标签 javascript angular angular2-directives ngfor

是否可以在 Angular 中为 ngFor 使用多个数组?

   *ngFor="let device of element.devices && element.zones.devices"// something like this

export interface Element {
    id: string;
    name: string;   
    zones: Zone[];
    devices: Device[];
}

export class Zone {
    id: string;
    name: string;
    devices: Device[];
}

export class Device {
    id: string;
    name: string;
}

我将有权访问 Element 对象,从中我需要显示所有设备和区域内的设备。

最佳答案

使用 concat 连接两个数组,然后在其上使用 ngFor

*ngFor = "let device of arr1.concat(arr2.devices)"

关于javascript - Angular2 单 ngFor 用于多个数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43451703/

相关文章:

javascript - 如何在 Angular 模板中正确插入嵌套属性 getter?

angular - 如何在 Angular 中一对一地显示嵌套对象

angular - 未使用 Angular 2 指令在元素上设置高度

javascript - 如何在 Angular 12 中动态加载组件

javascript - 更新 CSS 规则属性值

angular - 取消 flatMap observable 调用链

指令中的 Angular2 样式

javascript - 梅文本字段。更改图标时,无法点击

javascript - 写入多个不断更新的日志的最佳方法是什么?

typescript - angular2 - 组件指令中的触发事件