привязать удаленные данные из php laravel в угловой интерфейс

Question

Я только начал создавать свой бэкэнд в PHP laravel.Я получаю данные из службы и пытаюсь отобразить их внутри представления, но с ошибками.

dataservice.ts

getData() {
  const headers = this.getHeaders();
  const list = this.http.post('tespapi/data', {
    pageSize: 10,
    page: 1
  },{headers});
  return list.pipe(tap(_ => {
  }));
}

Компонент

ngOnInit() {
    this.callServices.testCall().subscribe( data => {
      this.userList = data.result.data;

    });

Структура данных из службы

{"status":"ok","code":200,"message":"Names retrieved successfully","result":{"current_page":1,"data":[{"id":32,"fullname":"Larson King","description":null,"category":{"id":12,"name":"Purple"},"unit":{"id":12,"name":"group"},"status":{"id":2,"name":"maximum level"}}],"first_page_url":"http://sample.apitest/view?page=1","from":1,"last_page":3,"last_page_url":"http://http://sample.apitest/view?page=3","next_page_url":"http://sample.apitest/view?page=2","path":"http://sample.apitest/view","per_page":1,"prev_page_url":null,"to":1,"total":3}}

Необходимые данные находятся в result.data

Когда я делаю data.result.data, появляется сообщение об ошибке Property 'result' does not exist on type 'Object'

HTML

<div *ngFor="let item of userList">
{{item.fullname}} - {{item.descripition}}
</div>

Answer 1

Вы можете сделать это, как показано ниже.

ngOnInit() {

    this.callServices.testCall().subscribe( (data: any) => {

      this.userList = data.result.data;

    }); 
}