AngularJS $ routeProviderはここ

が私のフォルダ構造であるNG-ビューに表示されないテンプレート：

public 
--js 
----controllers 
------aController.js 
------bController.js 
----app.js 
----router.js 
--styles 
----a.css 
----b.css 
--html 
----a.html 
----b.html 
--index.html

私が持っている私のindex.htmlファイルで：

<body ng-app="myApp"> 
    <div ng-view></div> 
</body>

私router.jsファイルでは、私は持っている：

a.htmlとb.htmlで

myApp.config(['$routeProvider',function($routeProvider) { 
    $routeProvider 
    .when('/a', { 
     controller: 'aController', 
     templateURL: 'html/a.html', 
     css: 'styles/a.css' 
    }) 
    .when('/b', { 
     controller: 'bController', 
     templateUrl: 'html/b.html', 
     css: 'styles/b.css' 
    }) 
    .otherwise({ 
     redirectTo: '/a' 
    }); 
}]);

私はちょうど内部の手紙とdiv要素を持っています。すなわち：

<p>a</p>

私がページを読み込むと、私は "a"が見えると思っていますが、空白が見えます。要素を調べると、と表示されます。ルーティングをテストしたところ、正しいアドレスに移動しているように見えますが、テンプレートが表示されないのはなぜですか/ ng-viewがコメントアウトされているのはなぜですか？私はlocalhostから実行して、ウェブブラウザーで同じ効果を開くことを試みました。

EDIT：それは問題にした場合、私は任意のコンソールエラーが届かないと私は起動時に見ているパスは次のとおりです。

index.htmlを公開/ .../appFolder /＃/

出典

2016-04-05 PDN

フォルダ名を確認しましたか？テンプレートが 'html'というディレクトリに存在し、' templateUrl'に間違ったURLを提供しているようです。 – Madhukar

@Madhukarはい申し訳ありません、私の元の質問にいくつかの間違いがありました。私の編集内容をご覧ください – PDN

コンソールエラーはありますか？ – war1oc

だから...私のパスは元気だった。しかし、私はtemplateURlで "R"を大文字にしました...また、routeproviderオブジェクトにはcssプロパティもありません。愚かなタイプミス...誰も助けてくれてありがとう！

出典

2016-04-05 05:04:53 PDN

myApp.config(['$routeProvider',function($routeProvider) { 
    $routeProvider 
    .when('/a', { 
     controller: 'aController', 
     templateURL: '/html/a.html', 
     css: '/styles/a.css' 
    }) 
    .when('/b', { 
     controller: 'bController', 
     templateUrl: '/html/b.html', 
     css: '/styles/b.css' 
    }) 
    .otherwise({ 
     redirectTo: '/a' 
    }); 
}]);

あなたのrouter.jsファイルはjsフォルダ内にあるようですが、ルート内のパスは無効です。上記のコードスニペットのパスを確認してください。

出典

2016-04-05 04:32:21 war1oc

はい、router.jsファイルはjsフォルダ内にありますが、上記のパスを変更しても解決しませんでした。 – PDN

@PDN更新されたパスを確認してください – war1oc

AngularJS $ routeProviderはここ

答えて

関連する問題