引导工具提示与角不工作
Bootstrap Tooltip with angular not working
我正在使用工具提示Boostrap,但我无法使其在我的angular代码中工作,我强硬的angular代码如下::{{o。client_name}}: {{o。Client_name}}将在该代码中工作,但它不工作,有人知道为什么吗?
Angular代码:<div class="col-md-4" ng-repeat="o in form.users" ng-show="form.users.length">
<div>
<p><b>title</b>:{{o.title}}</p>
<p><b>client name</b>:{{o.client_name}}</p>
<p><b>description</b>:{{o.description}}</p>
<p><b>dev tool</b>:{{o.primary_develop}}</p>
</div>
<div class="base_image_div">
<img ng-src="/images/{{o.thumbnail}}" class="img-responsive base_image" alt="{{o.description}}">
</div>
</div>
我的Angular工具提示代码:
<div class="container">
<a href="#" class="custom-tooltip" data-toggle="tooltip" data-placement="right" data-html="true" title=""
data-title="<div class='row ballon-tooltip'>
<ul>
<li> <b>title</b>:{{o.title}}</li>
<li> <b>client name</b>:{{o.client_name}} </li>
<li> <b>description</b>:{{o.description}}</li>
<li> <b>dev tool</b>:{{o.primary_develop}}</li>
</ul>
</div>">
<img ng-src="../public/images/{{o.thumbnail}}" class="img-responsive base_image" alt="{{o.description}}"></a></li>
</div>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
在仅引导的情况下,它立即工作-> http://jsfiddle.net/5h6kc5o5/
我认为你的问题是$(document).ready()
的使用-它在一个有角度的上下文中是无用的。它是在angular完成渲染之前执行的。使用$timeout
代替:
$timeout(function() {
$('[data-toggle="tooltip"]').tooltip();
})
则在下一个循环中调用tooltip()
。
相关文章:
- 谷歌散点图-{role:'style'}{role:#39;工具提示'}不能以JSON形式工作
- 关闭Body Click事件的工具提示-工作不正常
- 如何使工具提示从函数本身之外的元素工作
- 多行工具提示无法以编程方式工作
- 如果文本在高图表中较多,则工具提示无法正常工作
- 筛选器操作后,工具提示停止工作
- ExtJS 4.2.1 - 选项卡面板中的网格 - 工具提示停止工作
- 悬停和焦点上的响应式 jQuery 工具提示无法正常工作
- 只要单击页面上的任何内容,引导工具提示就会停止工作
- 如何使工具提示在 HTML 表单中工作
- 如何获取工具提示以在现有 JS 函数中工作
- 引导工具提示不't在与第一个数据表不同的页面中工作
- 类选择器不'不能在通过AJAX加载的工具提示内容中工作
- <br>不在工具提示的标题标记中工作
- 为什么这个工具提示没有'不在IE工作吗?错误:应为对象
- 引导工具提示与角不工作
- 启动工具提示在任何其他事件运行后停止工作
- Jquery工具提示不能在文本/模板上工作
- 工具提示器突然不工作了
- 工具提示不能在ie中工作