AngularJS $ http.get調用MVC5動作

Question

我是AngularJS的新手。我已經使用AngularJS創建了一個應用程序。我有一個裏面我有一個列表文件夾與文件的app文件夾： List.html和

listcontroller.js

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

    $scope.count = 0; 

    $scope.submitForm() = function() { 

    }; 

    $scope.updateName() = function() { 
     $scope.count++; 
    }; 
}); 

listService.js

angSalaryApp.factory('ListService', 
    ["$http", 
     function ($http) { 
      var newList = function(){ 
       return $http.get("Areas/Employer/List/newlist"); 
      }; 
     } 
    ]); 

listdirective.js

angSalaryApp.directive("listForm", function() { 
    return { 
     restrict: "E", 
     templateUrl: "app/list/list.html" 
    } 
}); 

在應用程序文件夾中我有一個JS文件SalaryApp.js

var angSalaryApp = angular.module('angSalaryApp',[]) 

當我的代碼中調用$ http.get我得到一個錯誤信息

Error: [$injector:undef] Provider 'ListService' must return a value from $get factory method. 
http://errors.angularjs.org/1.4.6/$injector/undef?p0=ListService 
    at enforcedReturnValue (http://localhost:5137/Scripts/angular.js:4330:9) 
    at invoke (http://localhost:5137/Scripts/angular.js:4476:7) 
    at Anonymous function (http://localhost:5137/Scripts/angular.js:4293:13) 
    at getService (http://localhost:5137/Scripts/angular.js:4435:11) 
    at invoke (http://localhost:5137/Scripts/angular.js:4464:9) 
    at Anonymous function (http://localhost:5137/Scripts/angular.js:9127:11) 
    at nodeLinkFn (http://localhost:5137/Scripts/angular.js:8239:13) 
    at compositeLinkFn (http://localhost:5137/Scripts/angular.js:7671:13) 
    at compositeLinkFn (http://localhost:5137/Scripts/angular.js:7675:13) 
    at publicLinkFn (http://localhost:5137/Scripts/angular.js:7546:30) 

Answer 1

在控制器您注射ListService這麼叫ListService.newlist代替listService.newlist

angSalaryApp.controller('listController', 
function ListController($scope, ListService) { 
    $scope.list = ListService.newlist; 
}); 

在工廠，它應該返回object但你沒有返回任何object所以通過在返回對象中添加函數來返回對象。

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

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