加载应用程序后，客户端路由模块（例如ui-routerngroute或新组件路由器）将为您控制路由并加载绑定到该路由的内容。但是，仅当您始终保持用于引导angular应用程序的预定义根路由时，此方法才能正常工作。
ie浏览器www.site.com/home#/login或www.site.com/home!/login使用$locationprovider.hashprefix(’!’).html5mode(true);。
完全重新加载您的根url将加载您的主要索引内容，重新初始化angular应用程序并选择相应的客户端路由（在这种情况下，将是登录路由和与该路由关联的模块）。但是，一旦偏离了这一点，就会遇到不愉快的道路问题。
如果您请求的url不将入口点返回到angularjs应用程序，则angular无法拦截该请求，因此将永远不会运行。因此，如果要向不是angular应用程序入口的url发出请求，则必须决定如何处理它。一种常见的方法是重定向到索引。
home / index.cshtml-由于您要混合两个世界，因此建议您在加载后允许angular控制和驱动所有导航。这将包括调用部分路由并加载剃刀视图，就像它们是模板一样（如果您想继续使用razor）。login / index.cshtml-这确实很棘手。一种选择是检测他们是否正在从ajax调用此路由。如果是，请允许该请求。如果不是，请重定向回索引，因为他们正在执行整个页面加载。另一种选择是提供整个网址，但是您需要确保还提供了角度应用程序入口点。然后，您可以在加载角度应用程序以加载pg电子游戏官网主页内容之后进行一些魔术操作，然后再弹出模式。但是，一旦遇到其他类似情况，这种情况很快就会变得混乱。如果我的页面中有多个列表怎么办？-您会一次显示多个列表吗？如果是这样，那很好，因为您实际上可以加载父状态/模板/控制器，然后再包含其他子模板/控制器，而无需更改父状态。但是，这个问题非常广泛和复杂，确实需要单独解决。您可能想声明一条处理默认入口点的路线：
public static void registerroutes(routecollection routes){ routes.maproute( name: "default", url: "{controller}/{action}/{id}", defaults: new { controller = "home", action = "loadmain", id = urlparameter.optional } );}public class homecontroller : controller{ public actionresult loadmain() { return view("main.cshtml"); }}public class categoriescontroller : controller{ public actionresult index() { return partialview("index.cshtml"); }}
这样，如果用户点击www.site.com，我们将从/ home /loadmain返回内容。该内容将包括我们所有必需的angular引用（angular，ui-router，我们的主应用程序等），这将使我们能够将客户端路由默认设置为/ home并随后加载/ home / index
main.cshtml：
app.js
var app = angular.module(’app’, [’ui.router’]);app.config(function($stateprovider, $urlrouterprovider) { $urlrouterprovider.otherwise(’/home’); $stateprovider .state(’home’, { url: ’/home’, templateurl: ’/categories/index’ // corresponds to an mvc partial route }) .state(’login’, { url: ’/login’, templateurl: ’/login/index’ // corresponds to an mvc partial route }) });
我正在阅读本文，但我仍然无法理解angular的ui router如何与asp.net路由一起使用。
有人可以简单明了地说明从手动在浏览器中键入url的整个生命周期（例如：http：// myapp /
stateone）。谁处理请求，asp.net？如果不是，那么在asp进入页面之前，angular如何拦截url请求？angularjs何时随状态提供程序一起提供？
我对此很困惑，在这个想法上找不到很多。
除了这个问题，我还有其他一些我无法理解的事情。我正在写一个应用程序，其中：
pg电子游戏官网主页/index.cshtml->登陆页面根据状态提供内容（例如，它具有ui-view =“ content”，该页面应依次在其中提供categories / index.cshtml）。那么，我将如何设置“默认状态”，以便导航到索引将加载pg电子游戏官网主页和具有默认类别的ng-view内容？login / index.cshtml->一种模态表单，我使用modal.show（）和modal.hide（）隐藏和显示。从用户界面视图投放。可以了 但是，如果用户键入http：// myapp / login，该怎么办？我可以以某种方式拦截请求并显示带有打开模式形式的索引页吗？甚至更好的是，当前页面并打开模态表单？（即：是否可以在没有templateurl的情况下设置状态）？如果我的页面中有多个列表怎么办？我曾经见过人们将状态设置为state.childstate，但是如果我需要一次加载多个列表（因此需要加载多个状态->视图）怎么办？编辑 ：特别注意这一部分，routetwo/6如果我理解正确的话，它会使用黑魔法来导致在ui-view中加载带有routetwo页面的索引页面。
html5模式有效，但仅是非常肤浅的方式。页面的刷新正在将完整的url发送到服务器（因为我们已经删除了苏格兰威士忌），这不知道该怎么做。我们可以通过适当地重新配置mvc的routecollection来解决此问题。我们需要明确说明每个视图的路由，然后添加一个包罗万象的功能，将所有其他url发送到我们的登录页面，由angular处理。
像这样更新app_start => routeconfig.cs中的registerroutes方法：
public static void registerroutes(routecollection routes){ routes.ignoreroute("{resource}.axd/{*pathinfo}"); routes.maproute( name: "routeone",url: "routesdemo/one",defaults: new { controller = "routesdemo",action = "one" }); routes.maproute( name: "routetwo",url: "routesdemo/two/{donuts}",action = "two",donuts = urlparameter.optional }); routes.maproute( name: "routethree",url: "routesdemo/three",action = "three" }); routes.maproute( name: "login",url: "account/login",defaults: new { controller = "account",action = "login" }); routes.maproute( name: "register",url: "account/register",action = "register" }); routes.maproute( name: "default",url: "{*url}",defaults: new { controller = "home",action = "index" });}