通过插值（角度2+）在对象中引用对象

Question

我有这样的数据结构：

post : {
 content: 'content',
 creator: {
  name: 'Jones',
  id: 1,
  avatar: 'jones.png'
 }
}

在HTML中，我想通过插值显示例如创建者的名字。

我尝试过：

{{ post.creator.name }}

但是在应用程序中，这个地方是一个空字段。

Answer 1

您必须声明object如下：

 post = {
  content: 'content',
  creator: {
   name: 'Jones',
   id: 1,
   avatar: 'jones.png'
  }
}

编辑

您可以声明对象的类型 post:Post={...}

然后声明类：

export class Post  {
 content:string;
 creator:Creator
}
export class Creator  {
  name: string;
  id: number;
  avatar: string;
}

Working code