Primeng datatableの列に角2の方法でハイパーリンクを追加する方法

Question

私は自分のプロジェクトsetup.ButでPrimengデータテーブルを使用しています。すべての行の最初の列をハイパーリンクにして、 routerLink]（角2ウェイ）。私はそれを達成することができません...

プライムでこの問題を回避する方法はありますか？

ありがとうございます！

Answer 1

あなた私はあなたの本当のmaseeahaだが、それが機能している、これを試してみてください。

<p-dataTable [value]="cars"> 
    <p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header"> 
     <template let-row="rowData" pTemplate> 
       <span *ngIf="col.header==='Vin'"><a style="color:blue;" routerLink="/prbDetails/{{row.vin}}">{{row[col.field]}}</a></span> 
       <span *ngIf="col.header!=='Vin'">{{row[col.field]}}</span> 
     </template> 
    </p-column> 
</p-dataTable> 

Answer 2

Maseehaが戻ってこのソリューションはあなたを助けるかもしれない:)

希望です:)

<p-dataTable [value]="data" [rows]="50" [rowsPerPageOptions]="[500,1000,2000]" [paginator]="true" [pageLinks]="5" sortMode="single" reorderableColumns="true" scrollable="true" scrollHeight="200px" [globalFilter]="gb" #dt exportFilename="search" styleClass="styles"> 
    <p-column field="name" header="Name" [sortable]="true"> 
        <ng-template let-col let-data="rowData" pTemplate="body"> 
         <span><a [routerLink]='["pageName"]' [queryParams]='{key1:data["Your Value"],key2:data["Your Value"]}' style="color: blue;">{{data["Your Value"]}}</a></span> 

        </ng-template> 
       </p-column> 

</p-dataTable>