[英]How can I create Angular Grid column cell hyperlink?
我有 angular 網格,我想創建一個具有動態作業 ID 的列單元的鏈接,例如 /jobs/3/job-maintenance/general - 這里 3 是作業 ID。 假設我有 element.jobId 可用。 我該怎么做?
這是現有的列代碼 -
<ng-container cdkColumnDef="jobName">
<th cdk-header-cell *cdkHeaderCellDef>
<span class="cursor-pointer" (click)="doSort('jobName')">Job Name</span>
<span *ngIf="sortKey === 'jobName'"> {{ sortDirection === 'asc' ? '↑' : '↓' }}
</span>
</th>
<td cdk-cell *cdkCellDef="let element">
<u *ngIf="!hasContainedName(element.jobName); else contain"
class="text-primary cursor-pointer">{{element.jobName}}</u>
<ng-template #contain>{{element.jobName}}</ng-template>
</td>
</ng-container>
感謝您的評論/幫助。 這是解決方案按我想要的方式正常工作。
<ng-container cdkColumnDef="jobName">
<th cdk-header-cell *cdkHeaderCellDef>
<span class="cursor-pointer" (click)="doSort('jobName')">Job Name</span>
<span *ngIf="sortKey === 'jobName'"> {{ sortDirection === 'asc' ? '↑' : '↓' }}</span>
</th>
<td cdk-cell *cdkCellDef="let element">
<u *ngIf="!hasContainedName(element.jobName); else contain"
class="text-primary cursor-pointer"><a href="/#/jobs/{{element.jobId}}/job-maintenance/general">{{element.jobName}}</a></u>
<ng-template #contain >{{element.jobName}}</ng-template>
</td>
</ng-container>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.