Angular UI-Grid支持BootStrap Popover？

Question

我正在嘗試挖掘Angular UI-Grid的API以確保我實現了我的單元頭的Bootstrap Popover。我一直在看到周圍，但找不到任何解決方案。

事情是這樣的 - plnkr.co/edit/UJJttN

我也試圖讓那個酥料餅的發生只爲標題單元格。有什麼建議麼？

Answer 1

考慮看看爲酥料餅的用戶界面，引導文件： https://angular-ui.github.io/bootstrap/#/popover

你在你plnkr使用舊版本的用戶界面，引導的，所以如果你升級，你將需要更改屬性popover=""和popover-template=""，如果升級到最新的，到uib-popover=""和uib-popover-template=""

話雖這麼說，你可能會注意到旁邊酥料餅的文檔中的uib-popover-template屬性$圖標/徽章（有重複沒有徽章，不知道爲什麼它在那兒。）

從文檔中的圖標鍵，$圖標/徽章意味着：

此設置期望的角度表達，而不是一個字符串。如果表達式支持布爾值/整數，則可以直接傳遞它。

你需要把URL以酥料餅的模板在範圍變量，參考的是，在popover-template="ANGULAR.EXPRESSION"的角度表達，而不是傳遞一個字符串，因爲你。

我已經修改了你的plnkr來做到這一點，而且popover現在可以按預期工作。 http://plnkr.co/edit/qc8MNQKch1IIdz2zVtRX?p=preview

關於只爲標題 你能否澄清酥料餅，你希望酥料餅，只顯示爲列標題？在這種情況下，您需要使用headerCellTemplate而不是cellTemplate。我也修改了你的plnkr來展示如何做到這一點。將鼠標懸停在網格2的角色列標題上即可查看此內容，並檢查添加到plnkr的模板文件。

在您的plnkr示例中，您正在引用靜態彈出窗口（網格1）和模板彈出窗口（網格2）中的單元格數據。這僅僅是爲了測試目的嗎？引用'行'的單元格數據不會從headerCellTemplate中獲得。

我希望這有幫助！