Question

我正在使用Angular Material Data Table，我想在表的每一行添加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的行？此致

Answer 1

这将有效

<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或为空字符串，则会提供类似的输出。我的例子包括其中的两个。

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

添加Angular材料DataTable的链接

1 个答案: