Question

我在显示从服务获取到html的JSON数组数据时遇到问题以下是我从中获取jSON数据的component.ts文件代码

userdata(){
this.http.get(this.url).subscribe((res)=>{
this.arrBirds = res.json() as Application[];

console.log(this.arrBirds)
});

下面是我的HTML代码，我想在其中以表格形式显示JSON数据

<table cellpadding="0" width="100%" cellspacing="0" border="0" class="search_grid_view table-striped">
    <thead>
        <tr>
            <!-- <th style="min-width: 100px;">Login Name</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Role</th>
            <th>Agreement Type</th>
            <th>Status</th>
            <th>User Type</th>
            <th>Email</th> -->
            <!-- <th>Action</th> -->


            <th *ngFor="let col of getColumns">
                {{col}}
            </th>
        </tr>
    </thead>
    <tbody>

        <tr *ngFor="let char of Griddata">
            <td *ngFor="let col of getColumns">
              {{char[col]}
            </td>
            <!-- <td>Demo</td>
            <td>User</td>
            <td>Admin</td>
            <td>ISDA, MRA</td>
            <td><a class="red_green_btn red_button" href="javascript:void(0);">In-Active</a></td>
            <td>eClerx</td>
            <td>demo.user@eclerx.com</td> -->
            <!-- <td><a href="#"><img src="~/Content/images/edit.png" alt="" /> </a></td> -->
        </tr>

    </tbody>
</table>

但是网格未填充JSON数据。解决上述问题的方法应该是什么？

在Angular 4中以网格显示JSON数组

0 个答案: