angular - primeng データテーブル列へのハイパーリンク

Question

ハイパーリンクをprimeng datatable列に追加して、その列の値をangular 2アプリの新しいウィンドウに渡す方法は?

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
      {{row.name}}
    </ng-template>
  </p-column>

データテーブルで名前をクリックすると、新しいページのテキスト ボックスに名前を表示する必要があります。誰でもこれのコードサンプルを提供できますか?

Answer 1

ng-template 内にリンクを追加するだけです。例えば：

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
        <a routerLink="/target/{{row.id}}">{{row.name}}</a>
    </ng-template>
</p-column>

Answer 2

列のテンプレートを提供し、必要なものすべてをそこにレンダリングできます。