LoginComponent. html: 4 ОШИБКА Ошибка: не удается найти другой объект поддержки объект Объект - PullRequest
Новая
       15

LoginComponent. html: 4 ОШИБКА Ошибка: не удается найти другой объект поддержки объект Объект

0 голосов
/ 01 марта 2020

У меня тривиальная проблема. Клиентское приложение на Angular 8, и игра в том, что я пытаюсь получить пользователей из jsonplaceholder api. Это выглядит просто, но все, что я пытаюсь, не работает. Мой запрос выглядит так: 

getAll(model: any):Observable<User[]>{
return this.http.get<User[]>('https://jsonplaceholder.typicode.com/users');

}

и в компоненте: 

getAll() {
return this.userService.getUsers().subscribe((users: User[]) =>
  this.users$ = users);

}

Это мой пользователь: 

export interface User {
id: number;
name: string;
username: string;
email: string;
address:Address;
geo:Geo;
phone: string;
website: string;
company:Company;

} И HTML: 

<form #loginForm="ngForm" class="form-inline my-2 my-lg-0">

<select id="users$" name="users$" [(ngModel)]="users$" class="form-control">
  <option *ngFor="let user of users$" value="user.id">{{user.name | json}}</option>
</select>
<tr *ngFor="let user of users$">
  <td>{{user}}</td>
</tr>

Ошибка в ответе: LoginComponent. html: 4 Ошибка: Ошибка: не удается найти другой поддерживающий объект '[object Object]' типа ' объект». NgFor поддерживает только привязку к итерациям, таким как массивы.

1 Ответ

0 голосов
/ 01 марта 2020

Я думаю, что вы вызываете неправильный метод, который возвращает объект, измените метод на вызов getAll

getAll() {
       return this.userService.getAll().subscribe((users: User[]) => {
       this.users$ = users);
    };
}
...