Question

对于你们这些人来说，这个问题可能听起来很通用，但作为一个新手，我在这方面遇到了麻烦。很明显，在主页中使用ng-view以显示页面中的其他html文件，但我应该如何重定向到Web应用程序中的新页面。我的意思是如何在多页Web应用程序中路由到完全不同的网页。

Answer 1

导入AngularJs-Route文件

ngRoute

然后您必须在应用程序模块中添加var app = angular.module("myApp", ["ngRoute"]);作为依赖项：

$routeProvider

使用app.config(function($routeProvider) { $routeProvider .when("/", { templateUrl : "main.htm" }) .when("/red", { templateUrl : "red.htm" }) .when("/green", { templateUrl : "green.htm" }) .when("/blue", { templateUrl : "blue.htm" }); });在您的应用中配置不同的路线：

<body ng-app="myApp">

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

<div ng-view></div>
</body>

构建您的HTML

{{1}}

对于嵌套视图，您可以使用https://github.com/angular-ui/ui-router

关注https://github.com/angular-ui/ui-router/wiki/Nested-States-&-Nested-Views以供参考

Answer 2

尝试搜索角度ui-roter的工作原理及其机制。由于angular是单页面应用程序，因此您的应用程序需要位于一个基本模板上，然后从它们扩展。从不同页面中的基本模板路由，但如果要路由到不同的应用程序，请使用普通的超链接或ui-serf。尽管u-router基本。另请查看ui-serf。

使用角度js

2 个答案: