// users.html
<button ion-item *ngFor="let user of users">
<h2>{{ user.id }}</h2>
<h2>{{ user.name }}</h2>
<h2>{{ user.number }}</h2>
<ion-icon name="arrow-forward" item-right></ion-icon>
</button>
// users.ts
Component({
selector: 'page-users',
templateUrl: 'users.html',
})
export class UsersPage {
users: User[]
constructor(public navCtrl: NavController,
public navParams: NavParams, public githubUsersProvider:
GithubUsersProvider) {
githubUsersProvider.load().subscribe(users => {
this.users = users;
})
}
ionViewDidLoad() {
console.log('ionViewDidLoad UsersPage');
}}
// user.ts (модель)
export interface User {
id: number;
number: number;
name: string;
}
//github-users.ts
@Injectable()
export class GithubUsersProvider {
githubApiUrl = 'URL';
constructor(public http: HttpClient) {
console.log('Hello GithubUsersProvider Provider');
}
// Загрузка всех пользователей github
load(): Observable<User[]> {
return this.http.get(`${this.githubApiUrl}`)
//.map(res:Response) => res.json().data);
.map(res => <User[]>res);
}
}
// URL моего ответа
{"status": "OK","results": [{"id":"136","number":"255","name":"hello
ionic"},
{"id":"137","number":"256","name":"goodbye"
}]}
Я только что выучил Ionic и не знаюне знаю, что не так с моим кодом.
Произошла ошибка:
Ошибка: не удается найти другой поддерживающий объект '[object Object]' типа 'object'.NgFor поддерживает только привязку к итерациям, таким как массивы
.