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

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();
    };
});

这不起作用(但第一个表行中的"通常"定义的工具提示有效).

然后我尝试使用angular-ui bootstrap并做了以下(认为它应该是一种"自动",角度库将听取新的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>