angularUI Bootstrap - *.tpls.html 未找到错误答案

【问题标题】：angularUI Bootstrap - *.tpls.html not found errorangularUI Bootstrap - *.tpls.html 未找到错误
【发布时间】：2014-04-05 16:11:06
【问题描述】：

这是我的 index.html

<html lang="en" ng-app="bootstrapDemoApp" id="top">
<head>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>
<link href="styles/select2.css" rel="stylesheet"/>
<link href="styles/select2-bootstrap.css" rel="stylesheet"/>

<link href="styles/style.css" rel="stylesheet"/>
<title>Bootstrap App</title>
</head>
<body>

<div class="container-fluid" ui-view>
</div>
    <hr/>

<script src="scripts/angular.js"></script>
<script src="scripts/angular-sanitize.js"></script>
<script src="scripts/angular-ui-router.min.js"></script>
<script src="scripts/ui-bootstrap-tpls-0.10.0.js"></script>
<script src="scripts/select.js"></script>
<script src="scripts/script.js"></script>

</body>
</html>

我的 JS 代码：

var bootstrapApp = angular.module('bootstrapDemoApp', ['ui.bootstrap','ui.router','ngSanitize', 'ui.select']);

现在，当我转到我的 URL 时，我收到以下错误：

GET http://localhost/ASC/template/tooltip/tooltip-popup.html 404 Not Found 0ms angular.js (line 7991)

“手风琴组”、“警报”、“按钮”和所有 angularUI 引导指令都出现此错误！

我不知道我在这里做错了什么。我已经包含了正确的“tpls”文件。并将其也包含在我的应用模块中。

请帮帮我！

【问题讨论】：

我犯了一个愚蠢的错误：在我的 script.js 文件中有这一行：$templateCache.removeAll();删除了这一行，瞧！！！ :)
我听从了here的建议，没有修改$templateCache。

标签： html angularjs twitter-bootstrap angular-ui-bootstrap

【解决方案1】：

好的，这就是交易... ui-bootstrap-tpls-*.js 文件包含模板，因此我们不必自己定义模板（尽管我们可以覆盖默认设计！）。现在，这些模板存储在$templateCache 中。我的 script.js 文件中有以下行：

$templateCache.removeAll();

这段代码删除了所有存储的模板。删除这一行，瞧 :)

【讨论】：