在Angular 7数据表中显示数据时出现问题

Question

我正在尝试将我的api中的数据显示到我的angular.Api上的数据表中，但Api工作正常，但是我无法在我的数据表上显示该数据 当我单击搜索按钮时，我的数据表中什么都没有出现，但是数据显示在控制台上

这是ma .ts文件代码

fetchRollHeader(){
   var apiurl = 'http://localhost/abc/Controller/abc.php';

    var data = new FormData();
    data.append('data', 'fetchRollHeader');
    data.append('roll_id', this.roll_id_start);

      return this.http.post<any>(apiurl, data)

          .pipe(map(response => response))
          .subscribe(
                data=> {
              if(data['response_type'] != undefined && data['response_type'] == 'Error'){

                    if(data['response'] == 29){
                    }else if(data['response'] == 8 || data['response'] == 9 || data['response'] == 10){
                      this.router.navigate(['login']);
                    }else{
                      alert(data['response_value']);


                    }
                }else{
                  this.customers = data;




                }
                 console.log(data);

                },
                error => {
                    console.log("Error", error);
                }
            ); 
  }

这是我的.html文件

table datatable class="row-border hover"  style="border:1px solid #f3f3f3">
  <thead>
    <tr >
      <th>ID</th>
      <th>First name</th>
      <th>Last name</th>
    </tr>
  </thead>
  <tbody >
    <tr  *ngFor="let item of customers"   >
      <td >{{item.id}}</td>
      <td >{{item.machine_id}}</td>
      <td >{{item.machine_id}}</td>

      <td>Bar</td>
    </tr>

  </tbody>
</table>

Console Data