Угловой клиентский модуль http не отображает ответ - PullRequest
Новая
       8

Угловой клиентский модуль http не отображает ответ

0 голосов
/ 24 мая 2018

Я пытаюсь вызвать API (JSONPlaceholder posts API) в Angular 6, но у меня проблема с получением каких-либо результатов в моем шаблоне

Это API-интерфейс, полученный из файла сервиса 

  private _url = 'https://jsonplaceholder.typicode.com/posts';
  constructor( ) { }

  getBU() {
    return this._url;
  }

Мой компонент ts 

  ngOnInit(): void { // adding the lifecycle hook ngOnInit
    this.http.get<DataResponse>(this.api.getBU()).subscribe(data => {
      this.vals = [data];
    });
  }

Интерфейс для получения определенных значений 

export interface DataResponse {
    userId: string;
    id: string;
    title: string;
}

Шаблон для отображения результатов 

  <li *ngFor="let item of vals">
      {{item.title}}
  </li>

Если я использую этот API https://jsonplaceholder.typicode.com/posts/1тогда я могу видеть результаты

1 Ответ

0 голосов
/ 24 мая 2018

https://jsonplaceholder.typicode.com/posts url возвращает массив объектов, и вы помещаете его в другой массив.

Пожалуйста, попробуйте следующее: 

  ngOnInit(): void { // adding the lifecycle hook ngOnInit
      this.http.get<DataResponse[]>(this.api.getBU()).subscribe(data => {
           this.vals = data;
      });
  }
...