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 (будьте очень осторожны с такой информацией)

Answer 2

В вашем случае пользователь является объектом, 1. если вы хотите отобразить объект, используйте JSON pipe.

   {{user | json}}

2. Если вы хотите отобразить подсвойство объекта, используйте

{{user.propertyName}} 

например:

{{user.firstName}}

Answer 3

ваш код в порядке. просто добавьте угловую трубу JSON. Вы видели https://angular.io/api/common/JsonPipe

HTML-код компонента

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

Может быть, это полезно для вас. Спасибо