小编Nic*_*ico的帖子

在每一行内添加链接 - ngx-datatable

我对角度非常陌生。当单击每行的第一列时,我试图在 ngx-datatable 的每一行上添加一个链接。这应该会根据行 ID 将我带到另一个页面,例如,如果我有一个课程表,则第一列是课程名称。当我点击每一行的课程名称时,我想保存整个行 id 并使用此 id 调用一个函数,这应该将我带到每门课程的适当页面。课程名称应该是一个可见链接(可点击),上面有 cursor: 指针。我将不胜感激任何能帮助我完成这项工作的想法。

这是我迄今为止尝试过的(链接不起作用):

 viewCourseTrainings(id: number){
    this.router.navigate(['/home-page/mentor-trainings/'+ id])
  }
Run Code Online (Sandbox Code Playgroud)
 <ngx-datatable
      class="material"
      [rows]="rows"
      [columns]="columns"      
      [columnMode]="'force'"
      [headerHeight]="50"
      [footerHeight]="50"
      [rowHeight]="'auto'"
      [limit]="5">

<ngx-datatable-column name="Name" prop="name">
      <ng-template let-row="row" let-value="value">
            <a (click)="viewCourseTrainings(value.id)">{{value.name}}</a>
      </ng-template>
</ngx-datatable-column>

</ngx-datatable>
Run Code Online (Sandbox Code Playgroud)

html javascript click ngx-datatable angular

4
推荐指数
1
解决办法
3408
查看次数

标签 统计

angular ×1

click ×1

html ×1

javascript ×1

ngx-datatable ×1