2016-10-19 112 views
0

我有路由設置引導用戶到各種頁面。相當標準的東西。然而在其中的一頁上,我使用了ng-switch來顯示/隱藏5個不同的部分。我正在尋找的東西,我似乎無法找到任何信息,我想鏈接到其他頁面的5個部分中的1個。非常類似於html中的錨定標記。角度鏈接路由和ng開關

所以問題是,如果我使用從一個頁面到另一個頁面的路由,我該如何路由到該頁面的特定部分?

回答

0

如果要導航到應用程序中不同的頁面,但你也希望應用程序做個SPA(單頁應用程序),以沒有頁面重新加載,你可以使用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