Как получить данные в угловых таблицах данных?

Question

Я новичок в angular, я вызываю php api для получения данных из базы данных. Api работает нормально и показывает мне данные на консоли, теперь я хочу напечатать эти данные в моей таблице данных. Что мне делать?

вот мой код .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);

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

          .pipe(map((response: any) => response))
          .subscribe(
                data => {
              if(data['response_type'] != undefined && data['response_type'] == 'Error'){
                data.append('roll_id_demo', this.roll_id_demo);

                    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);
                }
            ); 
  }

и вот как я вызываю данные в таблице, но никакое значение не отображается

<tr  *ngFor="let item of customers" >
      <td   >{{item.roll_id_demo}}</td>

Answer 1

Возможно, вы не проверяете, является ли значение пустым на вашей html-странице. Попробуйте использовать ngIf на вашем столе. Код будет выглядеть примерно так:

<table *ngIf="customers">
    <tr *ngFor="let item of customers">
        <td>{{item.roll_id_demo}}</td>
    </tr>
</table>