javascript - AngularJS:代码在 Controller 中有效，但在工厂中无效:可能未处理的拒绝:{}

Question

构建 Web API 后，我只是将 Controller 提升为服务 (.factory)，以便与 AngularJS 中的其他 Controller 共享该数据。然而，我似乎有一个语法错误，并且工厂不被接受。

这是我的 App.js:

//appContacts.js

(function () {
    "use strict";
    var app = angular.module("appContacts", ["simpleControls", 'ui.router', 'ngResource'])
        .config(a lot of stuff here)

        .factory('ContactService', function ($resource) {

            var ContactService = {};
            var vm = this;
            vm.contacts = [];
            vm.newContact = {};
            vm.errorMessage = "";
            vm.isBusy = true;

            // Load all contacts  
            ContactService.getContacts = function () {
                return $resource.get("api/contacts")
                    .then(function (response) {
                        angular.copy(response.data, vm.contacts);
                    }
                );
            };

            //Set Current Contact
            ContactService.setCurrentContact = function (contact) {
                vm.currentContact = contact;
                return vm.currentContact;
            };
            return ContactService;
        })
})();

这是我的 contactcsController:

//contactsController.js

(function () {
     "use strict";
     angular.module("appContacts")
        .controller("contactsController", function (ContactService) {

            //Get all Contacts
        ContactService.getContacts = function () {
            vm.contacts = contacts;
        }

        vm.setCurrentContact = function (contact) {
            vm.currentContact = contact;
        };
    })
})();

我在控制台中不断收到此错误:可能未处理的拒绝:{}，并且前端没有任何显示。有谁知道为什么它不能作为工厂使用在 Controller 内工作的相同代码？

Answer 1

更多详情请访问https://github.com/angular-ui/ui-router/issues/2889

app.config(['$qProvider', function ($qProvider) {
    $qProvider.errorOnUnhandledRejections(false);
}]);