Question

这是我的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']);

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

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

我收到了错误＆＃34; accordion-group＆＃34;，＆＃34; alerts＆＃34;，＆＃34; buttons＆＃34;，以及所有angularUI bootstrap指令！

我不知道我在这里做错了什么。我已经包含了正确的＆＃34; tpls＆＃34;文件。并且还包含在我的app模块中。

请帮帮我！

Answer 1

好的，所以这里的交易... ui-bootstrap-tpls - * .js文件包含模板，这样我们就不必定义模板ourseleves（虽然我们可以覆盖默认设计！）。现在，这些模板存储在$templateCache中。我在script.js文件中有以下行：

$templateCache.removeAll();

这段代码删除了所有存储的模板。删除此行和VOILA：）

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

1 个答案: