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路由器不加載模板

回答

相關問題