我使用 ui-router 创建了一个基本的 Angular 应用程序。我正在使用脚本标签提供来自 index.html 的部分模板,但出现此错误
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:1337/home.html
这是我的代码。
var app = angular.module('smApp', ['ui.router'])
.config(['$stateProvider', function ($stateProvider) {
$stateProvider
.state('home', {
url: '',
templateUrl: 'home.html',
controller: 'homeCtrl'
})
}])
.controller('homeCtrl', ['$scope', function ($scope) {
$scope.home = 1;
}]);
index.html
<script type="text/script" id="home.html">
<div>Home Page {{home}}</div>
</script>
<body>
<div ui-view></div>
</body>
最佳答案
您需要更改包含模板代码的脚本标记的类型属性。对于 Angular,为了识别模板,您需要将 type 属性从 'text/script' 更改为 'text/ng-template'
你的index.html应该是
<script type="text/ng-template" id="home.html">
<div>Home Page {{home}}</div>
</script>
<div ui-view></div>
关于javascript - Angular 用户界面路由器状态模板不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26567455/