对象中的嵌套数组 Angular 2+ ngrx

Question

api 正在返回嵌套对象，我在这里想要的是进入 嵌套数组 并获取所有 patato-child .

我还制作了所有的动作、效果、减速器。

Json 视图：

{  
  "id":13,
  "patato":Patato
    "patato-child":[  
       {  
        "id":12,
        "name":"Adventure"
       },
       {  
        "id":18,
        "name":"Drama"
       }
     ],
   "url":"randomUrl.jpg",
   "example":"Example"
}

模型视图：

export interface Patato {
    id: number;
    patato: string;
    url: string;
    example: string;
    patato-child: PatatoChild[];
}

export interface PatatoChild {
    id: number;
    name: string;
}

Component.ts

  get patato-child() {
    return this.patato.patatoChild;
  }

HTML 视图：

[object Object, object Object]

这个结构有什么问题，我无法用 ngFor 列出所有 patato child

得到任何 patato-child

I am using Angular 2+ Redux+@ngrx

Answer 1

试试这个：

export class PatatoChild {
    constructor(public id: number, public name: string) {}
}

get patato-child() {
    return this.patato.patatoChild.map(potato => new PatatoChild(potato.id, potato.name
    }));
}

对象中的嵌套数组 Angular 2+ ngrx

Nested array in object Angular 2+ ngrx

angular

redux

ngrx

ngrx-effects