Angular2 - 如何创建一个简单的表

Question

我需要知道在这种情况下使用的正确做法:

我有一个返回表格数据集的WebApi,我必须使用引导表来显示它...

怎么实现呢？我应该使用哪个bootstrap组件？

该表非常简单,它只显示少量数据和一个按钮以显示行详细信息...

感谢支持

Answer 1

这是一个简单表的示例,它将重定向到行单击的详细信息:

<table class="table table-hover">
    <thead>
        <tr>
            <td>Id</td>
            <td>Title</td>
            <td>Amount</td>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let transfer of transfers" [routerLink]="['/transfer']" [queryParams]="{ id: transfer.id }">
            <td>{{transfer.id}}</td>
            <td>{{transfer.title}}</td>
            <td>{{transfer.amount}}</td>
        </tr>
    </tbody>
</table> 

我假设您正在使用transfers基于的数组和重定向id.