使用AngularJS的动态工具提示

Question

我想添加一个工具提示,它将显示在下面元素的鼠标悬停上.

<a ng-click="click(this)">
<span class="icon"></span>
</a>
{{product.title}}

我在product.desc中有工具提示.我尝试使用以下代码:

 <span tooltip="{{product.desc}}" class="glyphicon"></span>

但这不起作用.任何想法/建议？请帮忙.

[编辑]当我使用开发人员工具检查时,我可以看到product.desc的值在页面源中按预期存在.

谢谢

Answer 1

代替

<span tooltip="{{product.desc}}" class="glyphicon"></span> 

我们需要给予

<span data-toggle="tooltip" title="{{product.desc}}" class="glyphicon"></span>