Question

我设置了路由以将用户定向到各种页面。很标准的东西。然而，在其中一个页面上，我使用ng-switch来显示/隐藏5个不同的部分。我想做什么，我似乎无法找到任何信息，我想从另一页链接到这5个部分中的1个。与html中的锚标签非常相似。

所以问题是，如果我使用从一个页面到另一个页面的路由，我如何路由到该页面的特定部分？

Answer 1

简而言之，您不能使用ngRouter。

您可以使用ui-Router。

此SO问题列出了ngRouter和ui-Router之间的主要区别：AngularJS : Difference between angular-route and angular-ui-router

Answer 2

如果您想导航到应用程序中的不同页面，但您还希望应用程序成为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

与路由和ng-switch进行角度链接

2 个答案: