Question

我是angular.js和node-webkit的新手，我正在努力使引导工具提示在通过ng-repeat动态加载的内容中工作。

首先，我尝试使用标准引导程序并执行以下操作： http://jsfiddle.net/nsDFe/3/

app.directive('bsTooltip', function () {
    return function (scope, element, attrs) {
        // trying to register the new tooltips
        element.find('span').tooltip();
    };
});

这并不起作用（但第一个表行中通常＆＃34;定义的工具提示有效）。

然后我尝试使用angular-ui bootstrap并执行以下操作（认为它应该是＆＃34;自动＆＃34;角度库将侦听新的dom元素）： http://jsfiddle.net/XTG8k/2/

但也没有运气。有人能指出我正确的方向吗？我在Stackoverflow上看到过有关这方面的一些讨论，但没有一个真正解决了我的问题。我听过一些关于$ compile的模糊引用，但无法弄清楚如何实现它。

Answer 1

我认为你只是以错误的方式解决这个问题，你不应该在动态加载的内容中加载html，你应该加载你将放入html模板中的数据，然后就可以了这样做：

http://jsfiddle.net/XTG8k/5/

<tr ng-repeat="foo in bar">
    <td><span tooltip="{{foo.tooltip}}">{{foo.content}}</span></td>
</tr>

Angular-ui Bootstrap工具提示未在ng-repeat中显示（node-webkit app）

1 个答案: