ng-viewはテンプレートをロードしていません（Webサーバーが実行されていません）

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

アプリ

config.jsの
- 共有
- ホーム
  
  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#/

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

出典

2016-08-07 swdon

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

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

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

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

出典

2016-08-07 13:57:23

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

私の快楽ブローチ:) –

ng-viewはテンプレートをロードしていません（Webサーバーが実行されていません）

答えて

関連する問題