如何从文件中获取Bootstrap Popover模板？

Question

我正在使用angularjs ui bootstrap，我的弹出框模板全部设置并正常工作。这就是我所拥有的。

directive.html

...
    popover-title="Title"
    popover-template="'popover.template.html'"
...

在同一指令中我有一个较低的模板：

<script type="text/ng-template" id="popover.template.html">
          <label>Popup Title:</label>
          <span>Popup content</span>

</script>

现在我需要这个popover的几个元素，所以如何将它放在我的源代码树中的实际popover.template.html文件中，我以最简单的方式在同一目录中创建（最少的代码行）可能的？

Answer 1

解决方案是：

• 保留内嵌标记所需的脚本标记

• 为模板参数指定完整路径

• 在所需位置创建新文件，

中无需标头

• 然后添加到你想让popover工作的元素：

酥料饼的模板=＆＃34;＆＃39;应用程序/模板/ popover.template.html＆＃39;＆＃34;

不需要templateCache或任何其他技巧，该网站只发送一个请求，即使多个元素使用相同的模板。它会在第一次请求时加载。