Question

我试图在Angular网站上使用bootstrap popover。我不知道为什么它不起作用。我看过很多帖子说你必须初始化popover。我尝试这样做，但仍然无法正常工作。

我想我知道它是如何工作的，事实上我已经创建了这个正在运行的plunker http://plnkr.co/edit/po3LfEgkRot6TVKJykWp?p=preview，但是当我尝试在我的网站中执行相同操作时，它无效。

我粘贴了我的网站代码：

在HTML中：

           <i id"deposit"             
               style="color: #08c; cursor: pointer" 
               rel="popover"                       
               data-original-title="Title"> Test                            
            </i>
            <!-- your popup hidden content -->
            <div id="popover_content_wrapper" style="display: none;">
                <p>This is the content</p>                  
            </div>

在我的角度控制器中：

$('#deposit').popover({ 
            html : true,
            trigger: 'hover',
            container: 'body', 
            content: function() {
              return $('#popover_content_wrapper').html();
            }
        });

Answer 1

你错过了一个等号。将id"deposit"更改为id="deposit"。

完整示例

<i id="deposit"             
   style="color: #08c; cursor: pointer" 
   rel="popover"                       
   data-original-title="Title"> Test                            
</i>

Bootstrap 2.3.2 popover不能与Angular一起使用

1 个答案:

完整示例