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

Question

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

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

如何实现？我应该使用哪个 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 进行重定向。