Angular ui-router不加载控制器或模板

Question

Angular ui-router不加载控制器或模板

Nol*_*ski 3 javascript angularjs angular-ui-router

我似乎有一个问题让ui-router实际路由东西.我确信我的所有javascript文件都被加载,而角度不会丢失任何错误.我有一个HTML文件,声明应用程序和基本控制器,然后我加载具有路由器的js文件.您可以在下面看到我的代码示例.

的index.html

<!DOCTYPE html>
<html ng-app="Yellr" ng-controller="yellrBaseCtrl">
<head>
    <title>Yellr Moderator</title>
    <link rel="stylesheet" type="text/css" href="assets/css/site.css"/>
</head>
<body>
    <div class="side-nav">
...
    </div>
    <div class='main' ui-view>
    </div>

    <script src="assets/js/scripts.min.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

yellr.routes.js(编译成scripts.min.js)

'use strict';

angular
    .module('Yellr', ['ui.router'])
    .config(['$stateProvider', '$urlRouterProvider',
            function ($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise('/notfound');

        $stateProvider
            .state('feed', {
                url: '/feed',
                templateUrl: '/templates/feed.html',
                controller: 'rawFeedCtrl'
            });
    }]);

console.log('Yellr routes');

Run Code Online (Sandbox Code Playgroud)

我错过了一些明显的东西吗？你可以在这里找到整个代码库

Answer 1

Kar*_*hik 8

问题出在模板网址上.我看到你直接从你的根文件夹提供文件,而不是从应用程序.您必须将模板网址更改为:

$stateProvider
   .state('feed', {
        url: '/feed',
        templateUrl: 'app/templates/feed.html',
         controller: 'rawFeedCtrl'
    });

Run Code Online (Sandbox Code Playgroud)

另外我建议将所有的html和脚本构建到dist文件夹中并从那里开始服务.

归档时间：	10 年，10 月前
查看次数：	22316 次
最近记录：	10 年，10 月前