2017-08-15 10 views
0

私はここに私のapp.jsファイルの私のルートの正しい構成があります。AngularJS内のtemplateUrl内のリンクからルート/ビューを変更するにはどうすればよいですか?

app.config(function ($routeProvider) { 
    $routeProvider 
    .when("/", {templateUrl: "views/mainPage/mainPage.html", controller: "PageCtrl"}) 
    .when("/financing", {templateUrl: "views/financing/financing.html", controller: "PageCtrl"}) 
    .when("/photoGallery", {templateUrl: "views/photoGallery/photoGallery.html", controller: "PageCtrl"}) 
}); 

をそして、私はここに私のindex.htmlを持っている:

<!DOCTYPE html> 
<html lang="en"> 
<head> 

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.min.js"></script> 
<script src="js/app.js"></script> 

<body ng-app="hlWiki"> 
<div ng-view ng-controller="PageCtrl"> 
</div> 

</body> 
</html> 

にはどうすればいいの内側にリンクを作成しますファイナンステンプレートHTMLファイルを使用して、フォトギャラリーテンプレートhtmlへのビュー/ルートを変更しますか?

このルーティングはindex.htmlからはうまくできますが、テンプレートのhtmlファイルからはできません。

おかげ

答えて

0

あなたのコントローラに$locationのルートを変更することができます。

$location.path('/photoGallery'); 

これはonclickのまたはあなたが望むすべてのイベントに呼び出すことができます。

https://docs.angularjs.org/guide/ $ロケーション

+0

ありがとうございました。 – jakejam

+0

喜んでお手伝いしました:) – Zooly

関連する問題