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中获得。

我希望这有帮助！