angular-services - Angular 6 服务，HTTPClient

Question

我是 Angular 5 的新手，我目前正在尝试将数据从数据库显示到视图。但我肯定做错了什么，因为视图只是得到[对象对象]。我需要一些帮助来解决我做错的事情。

谢谢你。

服务

使用服务的组件

组件的 HTML

风景

Answer 1

要显示学生（不像 JSON），您需要调用 object.property ，在您的情况下user.first_name, user.last_name, user.user_type。您的组件 HTML ：

<h1>CDM Student</h1>
<div *ngFor="let user of users">
   {{user.first_name}}  {{user.last_name}}
</div>code here

同样在您的 API http://localhost:3000/api/users中，您不应该在 JSON 中返回 PASSWORD （对此类信息要非常小心）

Answer 2

你的代码没问题。只需添加角度 json 管道。你见过https://angular.io/api/common/JsonPipe

组件的 HTML

<h1>CDM Student</h1>
<div *ngFor="let user of users">
   {{user | json}}
</div>code here

也许它对你有帮助。谢谢

Answer 3

在您的情况下，用户是一个对象， 1. 如果您想显示一个对象，则使用 JSON 管道。

   {{user | json}}

2.如果要显示对象的子属性，请使用

{{user.propertyName}} 

例如 ：

{{user.firstName}}