javascript - AngularJS 中向 Controller 注入(inject)服务失败

Question

我的代码是这样的

Controller.js
var errorMessage = { MessageHeader: "Error", Message: "Something went wrong. Please try again later." };
    angular.module('RateRequestApp.controllers', []).controller('ReadOnlyController', [
    '$scope',  'updateTruckNoService', 'messageModalService', '$modal',
    function ($scope,  updateTruckNoService, messageModalService, $modal) {

        messageModalService.showMessageModal(errorMessage);
    }
]);
Services.js
angular.module('RateRequestApp.services').factory('messageModalService', [ '$modal', messageModalService]);
function messageModalService($modal) {
    function showMessageModal(response) {
        var modalInstance = $modal.open({
            templateUrl: 'MessageModal.html',
            controller: 'ModalInstanceCtrl',
            resolve: {
                items: function () {
                    return response;
                }
            }
        });
    };
}

App.JS
angular.module('RateRequestApp', [
   'RateRequestApp.services',
   'RateRequestApp.controllers',
   'ui.bootstrap',
   'angular-loading-bar'
]);

对我来说一切看起来都很好，但这会引发错误

TypeError: Cannot read property 'showMessageModal' of undefined

在行

  messageModalService.showMessageModal(errorMessage);

Answer 1

showMessageModal函数刚刚在 messageModalService 中定义功能。您不会归还它，因此没有人可以访问它。

事实上，您没有退回任何东西，因此您的工厂正在生产 undefined当它被调用时。

function messageModalService($modal) {
    function showMessageModal(response) {
        // ...
    }

    return {showMessageModal: showMessageModal};
}

或者你也可以这样做:

function messageModalService($modal) {
    return {
        showMessageModal: function (response) {
            // ...
        }
    };
}