Question

我对角度引导弹出功能有疑问。

我在之前的帖子中遇到一个问题，就是说bootstrap的popover无法正常工作。

How to enable bootstrap popover feature?

事实证明问题似乎只发生在ng-repeat元素中。

我有类似

的东西

<div id='wrapper'>
  <span class='content' ng-repeat ='item in items'>

  <button type="button" class="testBtn btn btn-default" data-container="body" data-   
    toggle="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."     
    title='item.title'>
  Popover on left
  </button>
  </span>
</div>

popoever功能不起作用，但如果我将按钮移出ng-repeat元素，则popoever可以正常工作。

<button type="button" class="testBtn btn btn-default" data-container="body" data-   
    toggle="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."     
    title='test'>
  Popover on left
</button>

<div id='wrapper'>
  <span class='content' ng-repeat ='item in items'>
  </span> 
</div>

我不确定这是一个有角度的错误还是其他什么。有人可以帮我吗？非常感谢！

Answer 1

我曾多次使用过Bootstrap UI popover指令。

只需添加bootstrap ui作为依赖项，您就应该能够添加

popover="I appeared on mouse enter!"

popover-trigger="mouseenter"

到你想要弹出的任何元素。有关详细信息，请参阅http://angular-ui.github.io/bootstrap/#/popover。

如何在Angular框架中为bootstrap启用popover功能

1 个答案: