Следуя официальному документу Google Angular 4.3.2, я смог выполнить простой запрос get
из локального файла json. Я хотел попрактиковаться в достижении реальной конечной точки с сайта-заполнителя JSON, но у меня возникли проблемы с определением того, что нужно добавить в оператор .subscribe()
. Я сделал интерфейс IUser
для захвата полей полезной нагрузки, но строка с .subscribe(data => {this.users = data})
выдает ошибку. Type 'Object' is not assignable to type 'IUser[]'
. Какой правильный способ справиться с этим? Кажется довольно простой, но я нуб.
Мой код ниже:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { IUsers } from './users';
@Component({
selector: 'pm-http',
templateUrl: './http.component.html',
styleUrls: ['./http.component.css']
})
export class HttpComponent implements OnInit {
productUrl = 'https://jsonplaceholder.typicode.com/users';
users: IUsers[];
constructor(private _http: HttpClient) { }
ngOnInit(): void {
this._http.get(this.productUrl).subscribe(data => {this.users = data});
}
}