我根据角度+ 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 (“保持甜蜜和简单” - 这次可能形式为“保持简单,愚蠢! “:)