2016-08-07 10 views
0

私は同様の質問に対するすべての回答を成功させました。ng-viewはテンプレートをロードしていません(Webサーバーが実行されていません)

  • アプリ

    config.jsの

    • 共有

    • Layout.html:私は、プロジェクトのディレクトリ、このような構造を持っています
    • ホーム

      Index.htmlと

ここ

config.jsの、共有およびホームは同じレベルにあります。

マイLayout.htmlは、コードを持っています

<!DOCTYPE html> 
    <html ng-app="app"> 
    <head> 
    <script type="text/javascript" src="../Assets/ng/angular/angular.js"></script> 
    <script type="text/javascript" src="../Assets/ng/angular-route.js"></script> 
    <script type="text/javascript" src="../config.js"></script> 
    </head> 
    <body> 
     <a href="#/">Home</a> 
     <section ng-view></section> 
    </body> 
    </html> 

私Index.htmlとは言葉だけ "ホームビュー" を持っています。

config.jsのファイル:

angular.module("app", ['ngRoute') 

.config(['$routeProvider', function($routeProvider){ 
    $routeProvider 
    .when('/', { 
     templateUrl: '../Home/Index.html' 
    }) 
    .otherwise({ 
     redirecTo: '/' 
    }); 
}]); 

しかし、これは<section></section>には何も表示されません。例外はスローされません。一つのことは、私はWebサーバーを稼働していないということです。私はChromeでLayout.htmlを開いてリンクをクリックしていますが、テンプレートはロードされません。ページがブラウザにクロームのURLで開かれ

は私のアプローチで間違って何

file:///Users/user.name/Desktop/folder1/subfolder1/app/Shared/Layout.html#/ 

のようなものでしょうか?ありがとう。

+1

'ng-route' **はWebサーバーを必要としますが、ajaxを使用してテンプレートの一部を取得するため、' file:// 'urlsから実行することはできません。 – Claies

+0

Claiesさん、ありがとうございました。サーバーを稼働させます。 – swdon

+1

pythonを使用して簡単にローカルサーバーを設定できます。単純にpython -m SimpleHTTPServer [ポート番号]を使用してください。コマンドラインの現在のディレクトリはルートディレクトリになります:http://www.pythonforbeginners.com/modules-in-python/how-to-use-simplehttpserver/ –

答えて

1

broアプリケーションを読み込むためにローカルサーバーを使用してください。ビジュアルスタジオを使用するか、nodejsを知っている場合はそれを使用してください。 ファイルシステムから直接ロードしています。

+0

ダーン、ありがとうアミット。私はnodejsサーバーを実行します。どうもありがとう! – swdon

+0

私の快楽ブローチ:) –

関連する問題