使用Typescript模型作为数组

时间:2018-02-20 16:56:53

标签: angular typescript

我定义了一些模型,我想使用将被指定为数组的类型。我从api调用中得到一个结果,然后创建一个type的新实例,但结果是一个数组,我怎么能让它工作?

如果我分配变量parents = new Parents()然后尝试在ngFor中的Angular中使用它,则会抱怨只使用arrays...

如果我指定parents:any它可以正常工作吗?我还没有得到它。

  parents =  new Parent();

然后api返回数据

  this.parents = this.user.parents;

这是一个数组

export class Parent {
 id: number;
 email: string;
 title: string;
 first_name: string;
 last_name: string;
 profile_image: string;
}

1 个答案:

答案 0 :(得分:0)

你可以

  1. 实现数组

    export class Parent implements Array<any>{ }
    
  2. 在ngFor

    中循环显示Parent的属性
    <span *ngFor="let prop of props">{{parent[prop]}}</span>
    
  3. 其中props = Object.keys(parent)