AngularJS - unbekannter Anbieter $ modal wenn ein Service von angular.injector

Question

Ich habe ein Stück JavaScript-Code, der einen eckigen Service aufrufen muss. Ich versuche, auf den Dienst zuzugreifen, indem die Winkelmodul Abrufen wo der Dienst definiert ist und dann den Dienst es selbst bekommen:

var messagemanagerModule = angular.injector(['ng', 'portal.services.messagemanager']); 
    var messageService = messagemanagerModule.get('MessageService'); 
    messageService.postMessage('portal', moduleId, 'selectModule'); 

Das Modul und der Service ist wie folgt definiert:

angular.module('portal.services.messagemanager', ['modules.modal', 'modules.softlogoff']) 
    .factory('MessageService', messageService); 

messageService.$inject = ['$rootScope', '$modal', '$translate', 'ConfigurationService']; 

function messageService($rootScope, $modal, $translate, ConfigurationService) { 
    var service = { 
     showMessage: showMessage, 
     showSoftLogoff: showSoftLogoff, 
     postMessage: postMessage, 
     supportedMessages: supportedMessages 
    }; 

    return service; 

Leider bekomme ich der Fehler:

Error: $injector:unpr Unknown provider: $modalProvider <- $modal <- MessageService" 

ich glaube, ich brauche $ modal zu injizieren, aber ich weiß nicht, wie es zu tun.

Answer 1

Die UI-Bootstrap-Bibliothek verwendet jetzt den Dienst '$ uibModal'.

So müssen Sie $uibModal Service injizieren.

messageService.$inject = ['$rootScope', '$uibModal', '$translate', 'ConfigurationService']; 

function messageService($rootScope, $uibModal , $translate, ConfigurationService) { 
var service = { 
    showMessage: showMessage, 
    showSoftLogoff: showSoftLogoff, 
    postMessage: postMessage, 
    supportedMessages: supportedMessages 
}; 

return service; 

Answer 2

Ich glaube, Sie brauchen das ui.bootstrap Modul als Abhängigkeit des Moduls umfassen: umfassen ui.bootstrap in Sie Abhängigkeiten:

angular.module('portal.services.messagemanager', ['modules.modal','modules.softlogoff','ui.bootstrap']) 

Weitere müssen Sie die ui-Bootstrap enthalten -xxx.min.js irgendwo in Ihrem HTML. Wenn Sie UI-Bootstrap in der Version> = 0.14 verwenden, müssen Sie $ modal in $ uibModal ändern