angular - 如何从Angular中的Web api为表中的项目创建视图

Question

我在 Angular 中有一个表格，该表格由来自 web api 的数据填充。我想知道的是，第一列是来自 api 的请求编号，这需要是一个链接，然后当用户单击它时，他们可以查看该请求的详细信息。我的表格代码是：

    <tr class="" *ngFor="let incident of data">
                  <td><a href="">{{incident.number}}</a></td>
                  <td style="text-overflow: ellipsis;">{{incident.severity}}</td>
                  <td>{{incident.number}}</td>
                  <td>{{incident.urgency}}</td>
                  <td style="text-overflow: ellipsis;">{{incident.sub}} 
    </td>
    </tr>

这更像是一个如何提问？

标签： angular

Answer 1

使用路由器链接<a [routerLink]="routerLinkVariable"></a>在单页应用程序 (SPA) 中，routerLink 会将组件加载到路由器插座中，而无需重新加载/刷新页面。另一方面，单击href链接将刷新/重新加载整个应用程序或将应用程序重置回开始（状态将被重置）。