角6服务，HTTPClient

Question

我刚接触到角5，目前正在尝试将数据从数据库显示到视图。但是我肯定做错了什么，因为视图只是获取对象。我想在我做错的事情上得到一些帮助。

谢谢。

服务

​

使用服务的组件

​

组件的

​

视图

​

​

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中返回密码(对于这种信息要非常小心)

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

在您的示例中，用户是一个对象。如果您想显示一个对象，那么使用JSON管道。

   {{user | json}}

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

{{user.propertyName}} 

例如：

{{user.firstName}}