在 Angular 中使用 httpClient 获取嵌套对象

Question

我正在尝试使用 get 请求让嵌套对象显示在模板中。问题是它显示了我的对象的主要属性，尽管是嵌套对象。

export class User {
  userId: number;
  userName: string;
  password: string;
  firstName: string;
  lastName: string;
  role: number;
  inforamation: Information;
}

这是我的模型，可以显示用户属性，但不能显示信息。

getAllUsers(){
    const header = new HttpHeaders({
      'Content-Type':  'application/json'
    });
    return this.usersapiservice.getData(this.REST_API_SERVER, {headers : header});
  }



ngOnInit(){
this.getAllUsers().subscribe((data: User[]) => {
      this.users = data;
    });
}

在我的html中

{{users.firstname}} // work

{{users.information.adress}} // Does not work

Answer 1

我看到几个问题。在

User

类中，您将其中一个属性拼写为

inforamation

，但在模板中，该属性正确拼写为

information

。

如果你有一个要渲染的

User

数组，你可以使用 Angular 的

*ngFor

来迭代它们，如下所示：

<div *ngFor="let user of users">
  {{user.firstName}}
  {{user.information.address}}
</div>