如何获取角度数据表中的数据?

时间:2019-01-10 18:55:46

标签: php angular angular7

我是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>

1 个答案:

答案 0 :(得分:-1)

您可能没有检查html页面中的值是否为null。尝试在桌上使用ngIf。该代码将如下所示:

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