我有路由設置引導用戶到各種頁面。相當標準的東西。然而在其中的一頁上,我使用了ng-switch來顯示/隱藏5個不同的部分。我正在尋找的東西,我似乎無法找到任何信息,我想鏈接到其他頁面的5個部分中的1個。非常類似於html中的錨定標記。角度鏈接路由和ng開關
所以問題是,如果我使用從一個頁面到另一個頁面的路由,我該如何路由到該頁面的特定部分?
我有路由設置引導用戶到各種頁面。相當標準的東西。然而在其中的一頁上,我使用了ng-switch來顯示/隱藏5個不同的部分。我正在尋找的東西,我似乎無法找到任何信息,我想鏈接到其他頁面的5個部分中的1個。非常類似於html中的錨定標記。角度鏈接路由和ng開關
所以問題是,如果我使用從一個頁面到另一個頁面的路由,我該如何路由到該頁面的特定部分?
總之,你不能用ngRouter
。
您可以用ui-Router
。
這太問題列出ngRouter
和ui-Router
之間的主要區別:AngularJS : Difference between angular-route and angular-ui-router
如果要導航到應用程序中不同的頁面,但你也希望應用程序做個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