时间戳

首页 > 解决方案 > 添加指向 Angular 材质数据表的链接

angular - 添加指向 Angular 材质数据表的链接

问题描述

我正在使用 Angular 材料数据表，我想为Edit表的每一行添加链接，所以我这样做：

  <ng-container matColumnDef="action">
            <mat-header-cell *matHeaderCellDef>
              Action
            </mat-header-cell>
            <mat-cell *matCellDef="let user">
              <a href="#/categorias/usuarios/detalle/' +
                 {{user.id}} +
                  '" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill">
                <i class="fa fa-edit"></i>
              </a>
            </mat-cell>
          </ng-container>

但它只是没有工作，首先它不是一个链接，chrome调试器将它抛出为：

<a class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" ng-reflect-href="#/categorias/usuarios/detalle/">
                <i class="fa fa-edit"></i>
              </a>

我究竟做错了什么？为什么没有href链接，为什么没有行ID？问候

标签： angularangular-material

解决方案

这将起作用

<a href="#/categorias/usuarios/detalle/{{user.id}}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill">

还要检查是否user.id设置。user.id如果是undefined或null或空字符串，它将给出类似的输出。我的例子涵盖了其中的 2 个。

https://stackblitz.com/edit/angular-ko8uwa

推荐阅读