角度ui-router状态模板不工作

时间:2014-10-25 21:32:08

标签: javascript angularjs templates angular-ui-router

我使用ui-router创建了一个基本的角度应用程序。我正在使用脚本标记从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>

1 个答案:

答案 0 :(得分:3)

您需要更改包含模板代码的脚本标记的type属性。对于Angular,为了识别模板,您需要从'text / script'中将type属性更改为'text / ng-template'

您的index.html应为

<script type="text/ng-template" id="home.html">
    <div>Home Page {{home}}</div>
</script>
<div ui-view></div>