我有一个按钮,我想触发一个bootstrap popover.这工作正常,除了我需要popover在其中有另一个指令(基本上popover包含项目列表).
我找到了这篇文章http://tech.pro/tutorial/1360/bootstrap-popover-using-angularjs-compile-service,但是它似乎对我不起作用.
我做了一个自定义指令
.directive('popoverhtml',function ($compile) {
return {
restrict: 'A',transclude: true,template: "
以下是我的HTML标记
现在我没有传递任何自定义的HTML(如果有人知道如何做到这一点我也很欣赏这方面的一些指导)我只是试图让选项对象的内容参数中的html硬编码显示popover .
但是,只要按钮加载视图(在我单击按钮之前),我就会收到以下错误
TypeError:Object [object Object]没有方法’popover’
根据我的googlefu,这可能意味着很多事情,我很欣赏一些关于Angular背景下可能意味着什么的见解.
谢谢!
编辑:我的JS列表包括.
最佳答案
我建议调查AngularStrap Popovers.一般来说,我推荐AngularUI,但AngularStrap支持popovers中的模板partials而AngularUI不支持.
如果你选择使用AngularStrap,你可以编写一个HTML部分来显示在popover中,而partial可以包含你喜欢的任何指令,就像普通的Angular部分一样.