我根据角度+ ng-ui-bootstrap + ng-googleCharts
构建应用我希望在某个单元格中显示包含ui.bootstrap popover的谷歌图表数据表。我用数据库中的数据填充表行。
我使用angular $resource service获取数据，然后使用function解析数据，该函数还使用popover angular指令为ui.bootstrap popover创建html标记。但这个弹出窗口不起作用。
我建议，这是因为插入到表中的数据需要由Angular重新编译。我搜索了网络，并使用angular $ compile服务找到了解决方案。
我找到了名为angular-html-bind的自定义指令，它在每次更改绑定模型后重新编译该指令元素的内容，因此可以动态绑定其他angular指令来查看，但我不知道，如何使用我的数据表中来自angular-html-bind的运作方式。
我创造了描述我的努力的plunker。遗憾的是，angular-html-bind指令在那个plunker中不起作用，我不知道为什么，但是Plunker包含所有必要的模块。
你能看到我想要的目标（即在数据表格单元格中插入工具提示/弹出窗口）。
答案 0 :(得分：0)
您的动态弹出窗口无效，因为指令google-chart具有隔离范围，因此我认为此行未被正确评估。
{v: $sce.trustAsHtml($scope.popover)}
答案 1 :(得分：0)
好吧，我支持明显的解决方案 - 不要使用Google图表数据表，而是创建经典的bootstrap样式HTML表格并用角度表达式填充它。
我尝试使用谷歌图表，但无论如何，它没有遵循我的口头禅： KISS （“保持甜蜜和简单” - 这次可能形式为“保持简单，愚蠢！ “：）