如何为指令添加popover模板

Question

是否有方法为指令添加popover模板。当用户点击元素引导程序弹出窗口时，我正在构建一个指令

这是我的代码

 ...
 restrict: 'A'
 template: '<a class="btn btn-primary"><i class="fa fa-cog"></i></a>'
 popoverTemplate: ".. html code .."
 link: (scope, element, attrs) ->
   $(element).popover
      html: yes
      title: attrs.title || 'Title'
      content: '... popoverTemplate ...' #this html should get form popoverTemplate
      container: 'body'
      placement: attrs.placement
 ...

是正确的方法吗？因为popover有一个html表单。

Answer 1

我认为这不是正确的做法。 我有一个popover指令，你可以在你的指令模板中使用它。该弹出指令应支持转换，因为您将传递一个html。

在你的指令模板中：

<pop-over-directive ng-show="isPopupVisible">
    ... html here ....
</pop-over-directive>

... directive html here ...
<div ng-click="isPopupVisible=true"> ... </div>