带有 angularjs 的 MVC 4 中的区域路由

Question

让我在这里定义我的设置。我有一些区域，例如 1. AreaA 2. AreaB 3. AreaC 和 4. AreaGeneral。在 AreaGeneral 中，我有一个控制器作为 home 和 GetData(paras)，它以部分或整页的形式将一些数据返回给 angularjs。如果我在 AreaGeneral 中使用这两个控制器，则可以。但我想在 A、B 和 AreaC 等其他区域内提供相同的控制器，但区域和路线不同。更重要的是，当用户导航到特定区域说 AreaB 以访问 GetData(paras) 控制器时，url 应该像 .../AreaB/GetData 而不是 .../AreaGeneral/GetData 并且该路由应该在其他区域工作好吧。谁能指导我如何做到这一点，谢谢。

Answer 1

假设您已经定义了 AreaGeneral 路线，如下所示：

public class AreaGeneralAreaRegistration : AreaRegistration 
{
    public override string AreaName 
    {
        get 
        {
            return "AreaGeneral";
        }
    }

    public override void RegisterArea(AreaRegistrationContext context) 
    {
        context.MapRoute(
            "AreaGeneral_default",
            "AreaGeneral/{controller}/{action}/{id}",
            new { controller = "Home", action = "GetData", id = UrlParameter.Optional }
        );
    }
}

您可以在AreaB中注册该路线：

public class AreaBAreaRegistration : AreaRegistration 
{ 
    public override string AreaName 
    { 
        get { return "AreaB"; } 
    } 
    public override void RegisterArea(AreaRegistrationContext context) 
    {
        context.MapRoute(
            "AreaB_Getdata",
            "AreaB/Home/Getdata",
            new { controller = "Home", action = "GetData" },
            new string[] { "areastest.Areas.AreaGeneral.Controllers" }).DataTokens["area"] = "AreaGeneral";

        context.MapRoute(
            "AreaB_default", 
            "AreaB/{controller}/{actio‌​n}/{id}", 
            new { action = "Index", id = UrlParameter.Optional });

    }
}

以便用户可以导航到 .../AreaB/Home/GetData 并查看在 AreaGeneral 中实际处理的页面。

Answer 2

我在不同的 MVC 领域使用了角度服务，因为我使用了以下方式

如果你的项目结构应该像下面这样

  >ProjectName
  >Areas
       >AreaGeneral >controllername >GetData(function)
       >AreaA 
       >AreaB 
       >AreaC 

如果您的服务喜欢

 app.service("yourService", ["$http",function ($http) {
    this.GetData= function () {       
    var c = $http({
        method: "post", 
        url:"../AreaGeneral/controllername/GetData",
        data: "{}",
         dataType: "json"
         });
    return c
} }])

如果您在 AreaGeneral 内部使用，那么 网址"../AreaGeneral/controllername/GetData" 好的

但是当使用不同的区域比如AreaA

"../AreaGeneral/controllername/GetData"它在AreaA里面搜索，这样你就不会得到结果

解决方案对我来说就像调用函数一样，根据根目录结构添加额外的../ 这样

"../../../AreaGeneral/controllername/GetData"

然后每次调用 getdata 函数时，它都会从根目录检查，这样您就可以在任何区域使用 Getdata 函数

希望对您有所帮助。