Javascript Angular UI Router无法加载我没有加载的模板'；不要要求

我正在使用AngularUI套件的两个组件，UI路由器和UI引导。 UI路由器负责在用户单击我的顶部导航栏链接时加载模板

只有“UI小部件模板”（AngularUI引导和警报）下的前两个链接处于活动状态

UI引导程序负责在模板中创建漂亮的小部件。 我似乎已经正确配置了UI路由器，因为我正在加载正确的模板，并且这些模板可以访问正确的控制器。我遇到的问题是，我的UI引导组件无法加载，并生成奇怪的错误，这似乎表明它们试图自己加载模板？？？ 在我的实现中，我有哪些错误处理导致引导UI指令无法加载

警报下拉链接的HTML模板

<tabset>
  <tab heading="Static title">Static content</tab>
  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active"           disabled="tab.disabled">
    {{tab.content}}
  </tab>
  <tab select="alertMe()">
  <tab-heading>
    <i class="icon-bell"></i> Select me for alert!
  </tab-heading>
  I've got an HTML heading, and a select callback. Pretty cool!
  </tab>
 </tabset>

{{tabs}}

---

UI引导依赖于UI引导-[version].js文件中不存在的模板的存在。描述了构建文件配置选项。相关片段：

名称中包含-tpls的文件 与指令绑定的特定于引导的模板。为那些 想要接受所有指令，而不需要定制任何东西 解决方案是抓取一个名为 ui引导tpls-[version].min.js。另一方面，如果 模板不是你需要的，你可以拿 ui引导-[version].min.js并提供您自己的模板

在plunkr中，您使用的是ui-bootstrap-0.7.0.js，而不是ui-bootstrap-tpls-0.7.0.js。前者未与模板捆绑在一起，但仍在指令的templateUrls下硬编码对模板的引用，例如：

.directive('alert', function() {
  return {
    ...
    templateUrl:'template/alert/alert.html',
    ...
  };
}])

---

编辑，包括@inolasco的答案：

如果您使用ui-bootstrap-tpls.js，但仍然存在此问题，则可能需要添加

'ui.bootstrap.tpls'

---

添加到您的模块。

添加到已接受的答案，这导致我解决了一个类似的问题。如果您使用的是ui bootstrap tpls.js，但仍然存在此问题，则可能需要添加

'ui.bootstrap.tpls'

---

到你的模块。这对我很有用。

hope@Sarah将此添加到她的回答中。请添加@inolasco答案！

'ui.bootstrap.tpls'