使用ASP MVC的角度路由

我有一个MVC测试项目，我正在研究是否可以让角路由使用它。使用ASP MVC的角度路由

我的意思与它的工作，我希望能够有一个着陆页我的应用程序：www.testapp.com

然后，当人们登录我想MVC将它们路由到testapp.com/Dashboard/#/，然后我想能够使用NG-观点与Angualar加载页面，像这样： testapp.com/Dashboard/#/PageOne，testapp.com/Dashboard/#/PageTwo等

这是我曾尝试： main.js：

angular.module('App', ['ngRoute', 'ngResource']); 

angular.module('App').config(function ($routeProvider) { 
    $routeProvider 
    .when('/Dashboard', { 
     templateUrl: 'Dashboard/Index' 
    }) 
    .when('/PageOne', { 
     templateUrl: 'Dashboard/PageOne' 
    }) 
});

~/Views/Home/Index.cshtml是没有用角路由，刚刚ActionLinks登录并注册了目标网页

〜/查看/仪表板/ Index.cshtml就是我曾经NG-应用和NG-观点，我不得不像这样的链接：<a href="/#/Dashboard">Dashboard</a>，<a href="/#/PageOne">Page One</a>

的问题是，当我去testapp.com/Dashboard时加载的网址变成testapp.com/Dashboard#/而不是testapp.com/Dashboard/#/

的另一个问题是，当我点击我的链接，它直接回到主页/索引，网址如下所示：testapp.com/#/PageOne但首页正在显示在我的RouteConfig.cs

文件，它只是默认：

public static void RegisterRoutes(RouteCollection routes) 
{ 
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 

    routes.MapRoute(
     name: "Default", 
     url: "{controller}/{action}/{id}", 
     defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
    ); 
}

所以我的问题是什么是错在这里我的代码，使得它无法正常工作像我希望它？我必须添加/更改什么？

谢谢！

来源

2016-10-12 DevShadow

所以我发现问题出在我编写链接的方式上。一旦我的实际的角度应用程序加载（我在仪表板而不是角度初始化的着陆页），我不得不将我的锚标记hrefs从\#\{Route}更改为'/ Dashboard /＃/ {Route}'。这是我更新的角度航线配置：

angular.module('App').config(function ($routeProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'Index' 
    }) 
    .when('/PageOne', { 
     templateUrl: 'PageOne' 
    }) 
});

这完全固定我的问题，所以我现在可以有角路由接管节目时，它需要，也有MVC ActionLinks在我的应用程序也是如此。

希望这可以帮助别人！

注意

我没有在我的MVC RouteConfig.cs改变任何东西，你可以保留默认设置。此外，我不得不摆脱ViewStart，因为这是搞砸了。

来源

2016-10-12 14:03:35 DevShadow

使用ASP MVC的角度路由

回答

相关问题