Factory中的$ http服务在AngularJS中返回undefined

时间:2017-02-24 18:02:34

标签: angularjs angularjs-controller angularjs-factory angularjs-http

我是angularJS的新手,并尝试进行CRUD操作以清除我的概念。我尝试使用角度工厂,但我谷歌很多,无法在下面的概念找到任何解决方案。我只是想在控制器中使用我的工厂而不适合我。

工厂:

(function () {
'use strict';

 angular
.module('app', [])
.factory("crudFactory", function (path, myObj) {
     return {
         AddObject: function (path)
         {
             $http({
                 method: "POST",
                 url: path,
                 params: { myObj : myObj }
             }).then(function mySuccess(response) {
                 return response.data;
             }, function myError(response) {
                 return "Error Found :" + response.statusText;
             });
         },
         first: function () {
             return "";//
         }
     };
});
})();

我想在控制器中使用这个工厂,但它不起作用。

控制器:

(function () {
'use strict';
debugger;
  angular
 .module('app')
 .controller('BusinessProfileCtrl', BusinessProfileCtrl);

function BusinessProfileCtrl($scope, crudFactory) {
    debugger;
    var vm = this; //vm = view model
    function Save() {
        debugger;
        var businessObj = {
            Id:vm.Id,
            Name: vm.Name,
        };
        var abc = crudFactory.AddObject("http://localhost:63358/BusinessUnit/Post", businessObj);
    }
    vm.Save = Save;
}
 })();
希望能得到任何帮助。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

工厂中的

只返回http承诺,并从控制器中捕获该承诺。

像这样修改工厂;

.factory("crudFactory", function() {
    return {
        AddObject: function(path,myObj) {
            return $http({
                method: "POST",
                url: path,
                params: {
                    myObj: myObj
                }
            })
        },
        first: function() {
            return ""; //
        }
    };
});
控制器中的

捕获这样的承诺

var abc;
crudFactory.AddObject("http://localhost:63358/BusinessUnit/Post", businessObj).then(function mySuccess(response) {
    abc = response.data;
}, function myError(response) {
    abc = "Error Found :" + response.statusText;
});