Добавить ссылку на Угловой материал DataTable

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 и почему нет идентификатора строки?Привет

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 или пустой строке.Мои примеры охватывают 2 из них.

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