3
にtooltip
を入れようとしています。td
の中にあり、機能しません。私はそれが明確ではないことを知っているが、ここで私は<td>
を持っていることをそのマウスの各項目にホバーしたいときは<td>
toolip
があります。私のコードは以下の通りです。 null結果のためにng-if
を使用しています。私は空の列を表示したくありません。Ng-repeat内のツールチップ
<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>
私はそれがNGリピート外で働いていた。このようにツールチップを初期化しますが、私はそれを任意の指導のための
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
感謝を述べたどのように動作しません!
なぜUI、ブートストラップのツールチップを使用していないのに役立ちます願っていますか。? –
それは遅すぎるかもしれませんが、次のプロジェクトではそれを使用していただきありがとうございます –