Javascript 嵌入在bootstrap popover中的HTML div

Javascript 嵌入在bootstrap popover中的HTML div,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我正在试着做一个popover(bootstrap)。popover的布局需要在另一个html文件中定义。我无法从我的popover链接到html文件 这是我的popover代码: > <div ng-class="'tile thumbnail pull-left activity-tile '+ > activityTypeStyle"> > <div> > <div class="activity-icon"&

我正在试着做一个popover(bootstrap)。popover的布局需要在另一个html文件中定义。我无法从我的popover链接到html文件

这是我的popover代码:

> <div ng-class="'tile thumbnail  pull-left activity-tile '+
> activityTypeStyle">
>     <div>
>         <div class="activity-icon">
>             <div ng-class="activityTileIcon">
>                 <i></i>
>             </div>
>         </div>
>         <div class="activity-detail">
>             <div class="link"><a ng-click="navigate()" ng-prevent-drag >{{selection.activityName}}</a></div>
>             <div class="detail" popover-append-to-body="true" popover-trigger="mouseenter" popover-placement="bottom"
> data-toggle="popover" data-placement="bottom"
> popover="{{selection.details}}">{{selection.details}}</div>
>         </div>
>         <div class="activity-lock" ng-show="!manualTask"><i class="fa fa-lock"  title="Automated Task"></i></div>
>     </div>
> </div>
>
>     
>         
>             
>                 
>             
>         
>         
>{{selection.activityName}
>数据切换=“popover”数据放置=“底部”
>popover=“{selection.details}}”>{{selection.details}
>         
>         
>     
> 
“pendingApprovalPopup.html”是popover的布局

布局文件如下所示:

<html>
>     <head>
>         <h1>header</h1>
> 
> 
> </head>
>     <body>this is a test</body> 
> </html>

>     
>标题
> 
> 
> 
>这是一个测试
> 
任何帮助都将不胜感激


感谢要使用HTML文件设置数据内容,您必须使用JAVASCRIPT

最初将数据内容设置为空

请通过下面提到的链接:有点修改和解决方案


您需要使用名为data templatefile=“”的属性,然后使用jQuery对其进行初始化

您可以使用以下链接:)


它不起作用。我无法渲染布局。在检查元素时,我看到没有呈现标记。我将编辑我的问题以包含更多细节。希望你能帮帮我,那不行。我无法渲染布局。在检查元素时,我看到没有呈现标记。我将编辑我的问题以包含更多细节。希望到时候你能帮我。