酥料餅在NG-電網

Question

我想在我的項目中使用酥料餅的，我指的這個post：

var templatePopover = '<div popover={{row.entity.name}} popover-trigger="mouseenter" popover-placement="top" popover-append-to-body="true">{{row.getProperty(col.field)}}</div>'; 

{{row.getProperty（col.field）}}的是什麼？代碼中的col.field在哪裏？

謝謝。

Answer 1

當您爲ng-grid設置列定義時，請告訴它字段的名稱。

gridOptions: { 
columnDefs: [ 
     {field: 'name', displayName: 'Name', cellTemplate: templatePopover}, 
     {field: 'age', displayName: 'Age'} 
] 
} 

所以，當你引用

{{row.getProperty(col.field)}} 

你是說獲得的價值當前行，該字段。在這種情況下，獲取當前行的'name'字段，因爲這是放置了templatePopover的列。

編輯： 這是一個更新你的plunker有兩個變化：第一：禁用靈活高度插件，否則什麼都沒有出現在網格 - 可能這個笨蛋沒有這個，它似乎沒有與你的問題有關。第二：打開行選擇，你會回到手圖標。我不知道你的意思是把col.field部分拿出來，但仍然看到數據。你給我的那個笨蛋仍然在裏面。 http://plnkr.co/edit/TVWsmEGXUDgNhlLrkWXY?p=preview