Bootstrap 2.3.2 弹出框不适用于 Angular

Question

我正在尝试在我的 Angular 网站中使用引导弹出窗口。我不知道为什么它不起作用。我读过很多帖子说你必须初始化弹出框。我尝试这样做，但仍然无法正常工作。

我想我知道它是如何工作的，事实上我已经创建了这个 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>