2017-03-16 13 views
0

角度js 1.6でルーティングをしようとしましたが、以下のエラーが発生しています。デフォルトでホームページが正しくロードされていますが、two.htmlをナビゲートしようとするとエラーが発生します。Angular JS 1.6 routing

Error: [$compile:tpload] http://errors.angularjs.org/1.6.3/$compile/tpload?p0=views%2Fhome.html&p1=-1&p2= 
at angular.js:38 
at angular.js:19933 
at angular.js:16843 
at m.$digest (angular.js:17982) 
at m.$apply (angular.js:18280) 
at angular.js:1912 
at Object.invoke (angular.js:5003) 
at c (angular.js:1910) 
at Pc (angular.js:1930) 
at ue (angular.js:1815) 

これは私のapp.jsコード

var app = angular.module("jasmineKarmaDemo", ["ngRoute"]); 
app.config(['$routeProvider', function ($routeProvider) { 
$routeProvider 
    .when("/", { 
     templateUrl: "views/home.html" 
    }) 
    .when("/two", { 
     templateUrl : "two.html" 
    }) 
    .otherwise("/two", { 
     templateUrl : "views/two.htm" 
    }) 
}]); 

ですこれはこれは角jsの1.5バージョンで正常に動作しているHTMLコード

<header> 
     <div> 
      <a href="#/">Home</a> 
     </div> 
     <div> 
      <a href="#two">Two</a> 
     </div> 
    </header> 

です。 何か不足していますか?前もって感謝します。

+0

あなたが取得エラーは、 '、テンプレート'ビュー/ home.html'、 'two.html'のいずれかを言いますviews/two.htm'は存在しません。 –

+0

@ŁukaszD.Tulikowski間違って、私は/ 2の間違ったURLが与えられました。これで問題は解決しましたが、two.htmlにリダイレクトされません。 – Pooja

答えて

0

のURLは、バージョン1.6で!が付いている - migration guide

このような何か:

<a ng-href="#!/url">link</a> 
1

問題は2番目のルート "/ 2"にありますが、テンプレートURLは "two.html"ですが、他のルートによれば、私はあなたが "views /"の部分を見逃していると仮定しています。テンプレートは存在しません。

.otherwise({redirectTo:'/two'}); 

またはその別のビューです:

はまた、私はあなたがそうでなければ良く、このようなことだと思いますか?