嵌入在引导弹出窗口中的 HTML div答案

【问题标题】：HTML div embedded in bootstrap popover嵌入在引导弹出窗口中的 HTML div
【发布时间】：2018-02-02 09:28:54
【问题描述】：

我正在尝试制作一个弹出框（引导程序）。弹出框的布局需要在另一个 html 文件中定义。我无法从我的弹出框链接到 html 文件。

这是我的弹出框代码：

> <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>

'pendingApprovalPopup.html' 是弹出框的布局。

布局文件如下：

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

任何帮助将不胜感激！

谢谢

【问题讨论】：

标签： javascript html twitter-bootstrap

【解决方案1】：

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

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

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

Sample

【讨论】：

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

【解决方案2】：

您需要使用名为 data-templatefile="" 的属性，然后使用 jQuery 对其进行初始化

这是一个你可以使用的链接:)

Bootstrap popover data from another HTML file

【讨论】：

它不起作用。我无法渲染布局。在检查元素时，我看到标签没有被渲染。我将编辑我的问题以包含更多细节。希望你能帮助我。