Question

我试图制作一个弹出窗口（bootstrap）。需要在另一个html文件中定义popover的布局。我无法从我的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>

＆＃39; pendingApprovalPopup.html＆＃39;是popover的布局。

布局文件如下：

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

任何帮助将不胜感激！

由于

Answer 1

要使用HTML文件设置数据内容，您必须使用JAVASCRIPT。

最初将数据内容设置为空白。

请通过以下链接：有点修改和解决方案

Sample

Answer 2

您需要使用名为data-templatefile =＆＃34;＆＃34;的属性。然后用jQuery

初始化它

以下是您可以使用的链接：）

Bootstrap popover data from another HTML file

HTML div嵌入在bootstrap popover中

2 个答案: