2017-01-17 9 views
0

をロードしていない私は、シンプルな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> 

だから、誰もが私が行方不明です何を私に言うことができますか?テンプレートでこのコードが読み込まれないのはなぜですか? EDIT:あなたは私を与えることができます任意の助け

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

ありがとう: ここではセットアップに私が持っているserver.jsコードnodejsサーバがあります。

答えて

1

:以下のリンクを参照してください。

+0

これは修正されました。ありがとう。私はそれがオプションであると思った。私は間違っていた。 – tcoulson

1

サーバーからファイルを提供していることを確認してください。また、すべてのURLリクエストをindex.htmlにリダイレクトするようにサーバーを設定しています。 $stateProvider$urlRouterProvider.otherwise('/');を追加することにより、デフォルトの状態として、自宅の状態を設定し https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

関連する問題