Javascript 工具提示：重复

我试图在

td

内的

ng repeat

中包含

工具提示，但它不起作用。我知道不清楚，但我有一个
每当我想把鼠标悬停到
的每个项目上时，都会有一个
工具IP
，其中包含更多细节。我的代码如下。由于结果为空，我正在使用
ng if
。我不想显示空列

<table  class="table table-bordered"   >
<thead><tr class="infoti" >
<th>Id Dev</th>
<th>Nom Dev </th>
<th>Nom Ecu</th>
<th>Etat</th>
<th>Action</th>
<tr>
</thead>
<tbody>     
<tr dir-paginate=" dev in devs | itemsPerPage:7  ">

<td >{{dev.id}}</td>
<td>{{dev.nomdev}}</td>
<td >{{dev.ecu.nomEcu}}</td>    
<td ng-if="dev.validationdvd[0].etatvalid == 'Validé' "><a href="" data-toggle="tooltip" title="Some tooltip text!">Validé </a>

</td>
<td ng-if="dev.validationdvd[0].etatvalid != 'Validé' ">Non Validé</td>                 

<td>
<button class="btn btn-gray" ng-click="displaydata(dev.id)"  data-toggle="modal" data-target="#myModal" >Validé</button>
</td>
</tr>
</tbody>
</table>
<div class="tooltip top" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
{{dev.id}}
</div>
</div>


Id开发
名义开发
名称Ecu
埃塔特
行动
{{dev.id}}
{{dev.nomdev}}
{{dev.ecu.nomEcu}
无效的
有效的
{{dev.id}}

我像这样初始化了工具提示，它在ng repeat之外工作，但它不符合我的描述

<script> 
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
</script> 


$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

谢谢你的指导
 搜索后，我找到了解决方案，首先您必须创建一个指令：

myApp.directive('tooltip', function () {
return {
    restrict:'A',
    link: function(scope, element, attrs)
    {
        $(element)
            .attr('title',scope.$eval(attrs.tooltip))
            .tooltip({placement: "right"});
    }
}
})

然后指定要在工具提示中显示的内容我没有粘贴我的代码，因为像这样它更通用，所以每个人都可以使用它，最后在html中像这样使用它

<li ng-repeat="item in items" >
        <a rel="tooltip" tooltip="item.whatever_you_want_to_display_inside_the_tool_tip">{{your Displayed item}}</a>


{{您显示的项目}}

希望它能帮助您
为什么不使用ui boostrap的工具提示？这可能为时已晚，但下一个项目将使用它，谢谢