テンプレートURLからhtmlファイルへの角度1のルーティング

Question

私は再度ルーティングに問題があります。

「テンプレート」では角度ルーティングを使用しますが、ページ番号のコンテンツはhtmlファイルにリンクします。私が持っているもの

：

app.config(function ($routeProvider) { 
    $routeProvider 
     .when("/", { 
      template: "<h1>Index</h1>" 
     }) 
     .when("/about", { 
      templateUrl: "abc.html" 
     }) 
     .otherwise({ 
      redirectTo: "/" 
     }); 
}); 

そして "templateUrl" は動作しません。 それはスロー：Error: [$compile:tpload] Failed to load template: abc.html (HTTP status: -1)

は私が<div data-ng-view></div>

パスを使用する "abc.htmlは"

root 
    index.html 
    scripts 
      app.js 
      config.js 
      abc.html 

は、だから私はscripts/abc.htmlと "abc.html" を使用し、それが動作しないです。

Answer 1

問題は、角度があなたのabc.htmlページを見つけることができないということです。それはルートフォルダにありますか？その中には「templateUrl」のそれを入れてみてください/templates/abc.html場合 - jarasss今

Answer 2

はあなたの構文はする必要があります編集：あなたはtemplateUrlあなたが相対的を追加する必要があります使用している場合は

app.config(function ($routeProvider) { 
    $routeProvider 
     .when("/", { 
      template: "<h1>Index</h1>" 
     }) 
     .when("/about", { 
      templateUrl: "scripts/abc.html" 
     }) 
     .otherwise({ 
      redirectTo: "/" 
     }); 
}); 

htmlへのパス。

パスにhtmlページが存在することを確認してください。