2016-10-19 5 views
0

私はルーティングを設定して、ユーザーをさまざまなページに誘導します。かなり標準的なもの。しかし、それらのページの1つでは、ng-switchを使って5つのセクションを表示/非表示にしています。私は何をしようとしています、そして、私はそれについての情報を見つけるように思われます、私は別のページからそれらの5つのセクションの1つにリンクしたいですか? htmlのアンカータグと非常によく似ています。ルーティングとng-switchとの角接続

質問は、あるページから別のページへのルーティングを使用すると、そのページの特定のセクションにどのようにルーティングするのですか?

答えて

0

つまり、ngRouterとすることはできません。

ui-Routerとすることができます。

このSO質問はngRouterui-Routerとの主な相違点一覧表示されます:あなたはあなたのアプリケーション内の別のページに移動したいのですが、あなたはまた、アプリケーションは、SPA(シングルページアプリケーション)にしたい場合はAngularJS : Difference between angular-route and angular-ui-router

0

を、とページのリロードがない場合は、ngRouteモジュールを使用できます。

ngRouteモジュールは、アプリケーション全体をリロードせずにアプリケーションを別のページにルーティングします。

<body ng-app="myApp"> 

<p><a href="#/">Main</a></p> 

<a href="#red">Red</a> 
<a href="#green">Green</a> 
<a href="#blue">Blue</a> 

<div ng-view></div> 

<script> 
var app = angular.module("myApp", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "main.htm" 
    }) 
    .when("/red", { 
     templateUrl : "red.htm" 
    }) 
    .when("/green", { 
     templateUrl : "green.htm" 
    }) 
    .when("/blue", { 
     templateUrl : "blue.htm" 
    }); 
}); 
</script 
関連する問題