primeng datatable使用primeNG數據表從列

中獲取值。除了原始數據之外，我想添加編輯/刪除操作。問題是，我無法弄清楚，如何從現場獲取數據。如何從現場獲取數據並將其轉化爲鏈接？primeng datatable使用primeNG數據表從列

<p-dataTable [(value)]="pois"> 
<p-column field="value.properties.title" header="title" [filter]="true" filterMatchMode="contains" [sortable]="true"></p-column> 
<p-column field="value.properties.description" header="description" [filter]="true" filterMatchMode="contains" [sortable]="true"></p-column> 
<p-column field="value.properties.activated" header="activated" [sortable]="true"></p-column> 
<p-column field="id" header="actions"> 
    <template pTemplate> 
    <button class="btn btn-primary" [routerLink]="['/poi/edit/' + id<!--id doesnt work--> ]"><span class="icon">{{"lists.edit"|translate}}</span></button> 
    </template> 
</p-column>

來源

2016-09-30 Avocado20

<p-dataTable [(value)]="pois" 
    selectionMode="single" [(selection)]="selectedPois">> <---add this

從component.ts：

pois: YourType[]; 
selectedPois: YourType;

在HTML：

<template pTemplate> 
    <button class="btn btn-primary" [routerLink]="['/poi/edit/' + {{selectedRow.id}} ]"> 
    <span class="icon">{{"lists.edit"|translate}}</span></button> 
</template>

這應該工作，但是還沒有經過測試。

來源

2016-09-30 10:44:07

{{selectedRow.id}}不工作。有沒有其他方法可以進入「選定」變量？ – Avocado20

我找到了解決方案。

<p-dataTable [(value)]="pois"> 
<p-column field="value.properties.title" header="title" [filter]="true" filterMatchMode="contains" [sortable]="true"> </p-column> 
<p-column field="value.properties.description" header="description" [filter]="true" filterMatchMode="contains" [sortable]="true"></p-column> 
<p-column field="value.properties.activated" header="activated" [sortable]="true"></p-column> 
<p-column field="id" header="actions"> 
    <template pTemplate let-col let-node="rowData"> 
    <button class="btn btn-primary" [routerLink]="['/poi/edit/' + node[col.field] ]"> 
     <span class="icon">{{"lists.edit"|translate}}</span> 
    </button> 
    </template> 
</p-column>

來源

2016-09-30 13:15:44 Avocado20

primeng datatable使用primeNG數據表從列

回答

相關問題