title: bind remote data from php laravel into angular front-end
body: <p>I just started building my backend in PHP laravel. What I'm doing is receiving data from a service and I'm trying to display it inside the view but errors.</p>
  
  <p>dataservice.ts</p>
  
  <pre><code>getData() {
    const headers = this.getHeaders();
    const list = this.http.post('tespapi/data', {
      pageSize: 10,
      page: 1
    },{headers});
    return list.pipe(tap(_ =&gt; {
    }));
  }
  </code></pre>
  
  <p>Component</p>
  
  <pre><code>ngOnInit() {
      this.callServices.testCall().subscribe( data =&gt; {
        this.userList = data.result.data;
  
      });
  </code></pre>
  
  <p>DATA Structure from Service</p>
  
  <pre><code>{"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}}
  </code></pre>
  
  <p>The data needed want is found in <code>result.data</code></p>
  
  <p>When I do <code>data.result.data</code> an error displays <code>Property 'result' does not exist on type 'Object'</code></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div *ngFor="let item of userList"&gt;
  {{item.fullname}} - {{item.descripition}}
  &lt;/div&gt;
  </code></pre>