UI路由器不加载模板

我想实现一个简单的用户界面的路由器，我可能失去了一些东西简单，但我不能看到我的错误是，我有这个在我的app.jsUI路由器不加载模板

angular.module('tourOfHonorApp', ['ui.router']) 
    .config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    .state('app', { 
     url:'/', 
      views: { 
       'header': { 
        template : '<h1>Header</h1>' 
       }, 
       'content': { 
        template : '<h1>To be Completed</h1>' 
       }, 
        'footer': { 
         template : '<h1>Footer</h1>' 
       } 
      } 
     }); 
    });

里面我的index.html我具备以下条件：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Tour Of Honor</title> 
</head> 
<body ng-app="tourOfHonorApp"> 
    <div ui-view="header"></div> 
    <div ui-view="content"></div> 
    <div ui-view="footer"></div> 

    <script src="bower_components/jquery/dist/jquery.min.js"></script> 
    <script src="bower_components/angular/angular.min.js"></script> 
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script src="app.js"></script> 
</body> 

</html>

因此，谁能告诉我，我缺少的是什么？为什么这个代码不会加载到我的模板中？编辑：这里是server.js代码，我不得不安装服务器的NodeJS：

var connect = require('connect'); 
var serveStatic = require('serve-static'); 
connect().use(serveStatic(__dirname)).listen(8080, function(){ 
    console.log('Server running on 8080...'); 
});

感谢任何帮助，您可以给我。

来源

2017-01-17 tcoulson

设置主页状态作为默认状态：请参考下面的链接。

来源

2017-01-17 05:49:18 Jpod

这解决了它。谢谢。我认为这是可选的。我错了。 – tcoulson

请确保您正在从服务器提供您的文件。而且您还配置了服务器以将所有URL请求重定向到index.html。加入 $urlRouterProvider.otherwise('/');以上$stateProvider https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

来源

2017-01-17 05:41:03

UI路由器不加载模板

回答

相关问题