添加插值时的链接问题

时间:2018-05-22 19:06:07

标签: angular

我有一个像这样的Angular材质表

 <mat-table [dataSource]="dataSource">
          <ng-container matColumnDef="id">
            <mat-header-cell *matHeaderCellDef> Id </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.id}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="nombre">
            <mat-header-cell *matHeaderCellDef> Nombre </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.nombre}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="apellido">
            <mat-header-cell *matHeaderCellDef> Apellido </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.apellido}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="email">
            <mat-header-cell *matHeaderCellDef> Email </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.email}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="perfil">
            <mat-header-cell *matHeaderCellDef> Perfil </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.perfil}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="ultimoLogin">
            <mat-header-cell *matHeaderCellDef> Último Login </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.ultimoLogin}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="activo">
            <mat-header-cell *matHeaderCellDef> Activo </mat-header-cell>
            <mat-cell *matCellDef="let user"> {{user.activo}} </mat-cell>
          </ng-container>
          <ng-container matColumnDef="action">
            <mat-header-cell *matHeaderCellDef>
              Action
            </mat-header-cell>
            <mat-cell *matCellDef="let user">
              <a href="#/categorias/usuarios/detalle/0"></a>

          </ng-container>
          <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
          <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
        </mat-table>

虽然有效,但当我尝试添加action

链接时问题就出现了

首先我这样做:

<a href="#/categorias/usuarios/detalle/0">Link</a>

它工作正常,但现在我想将user.id(如第一列)作为url的参数,所以我这样做:

<a href="'#/categorias/usuarios/detalle/'+{{user.id}}">Link</a>

Chrome debbug只返回<a></a>

<a>Link</a>

所以现在我尝试:

 <a href="'#/categorias/usuarios/detalle/'+ user.id">click here</a>

但是chrome返回user.id而不是值(因为它没有插值):

<a href="'#/categorias/usuarios/detalle/'+ user.id">click here</a>

任何人都知道我做错了什么?当我使用插值时,为什么链接会消失?此致

1 个答案:

答案 0 :(得分:0)

为什么不使用target_link_libraries(consumer producer)作为属性?

href