MVC5區域中的AngularJS $ http.get

Question

我在MVC5中有一個名爲Employer的區域，並且在根中有一個名爲app的文件夾，其中包含名爲list的文件夾。在列表中的文件夾，我創建js文件，並作爲一個服務工廠我的用戶驗證碼：

angSalaryApp.factory('listService', ["$http", 
    function ($http) { 
     return { 
      newList: newList 
     }; 

     function newList() { 
      return $http.get("Areas/Employer/List/newlist"); 
     } 

     return { 
      userLists: userLists 
     }; 

     function userLists() { 
      return $http.get("Areas/Employer/List/getlists"); 
     } 
    } 
]); 

但newlist和用戶列表的行爲不叫我的控制器變量是不確定的。這是我的控制器代碼：

angSalaryApp.controller('listController', 
    function ListController($scope, listService) { 
     $scope.list = listService.newList; 

     $scope.userlist = []; 

     $scope.count = 0; 

     $scope.submitForm = function() { 

     }; 

     $scope.loadLists = function() { 
      $scope.userlist = listService.userLists; 
      $scope.d = "ffdgdfg"; 
     }; 

     $scope.updateName = function (newtitle) { 
      $scope.list.Name = newtitle; 
     }; 
    }); 

Answer 1

您需要調整您的工廠是這樣的：

angSalaryApp.factory('listService', ["$http", 
    function ($http) { 
     return { 
      newList: newList, 
      userLists: userLists 
     }; 

     function newList() { 
      return $http.get("Areas/Employer/List/newlist"); 
     } 

     function userLists() { 
      return $http.get("Areas/Employer/List/getlists"); 
     } 
    } 
]); 

...否則，用戶列表將是私有的。

Answer 2

您是否嘗試將路由初始化移至區域註冊？

using System.Web.Mvc; 

namespace MyAreaTest 
{ 
    public class MyAreaRegistration : AreaRegistration 
    { 
     public override string AreaName 
     { 
      get { return "MyArea"; } 
     } 

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