2017-06-19 5 views
1

Ich benutze Angulars $ uibModal und versuche Popup zu erstellen, während die Seite geladen wurde. Es funktioniert nicht. Ich denke, Problem in der Richtlinie. Das ist mein Code:

angular.module('myModule', ['ui.bootstrap']) 
    .directive('modalPop', ModalDirective) 
    .controller('ModalController', ModalController); 



function ModalDirective($uibModal) { 
    return { 
     scope: {}, 
     restrict: 'E', 
     templateUrl: 'directives/modal/tutorial.html', 
     controller: function() { 
      return $uibModal.open({ 
       controller: 'ModalController', 
       windowClass: 'outside ' + size, 
       animation: true, 
       templateUrl: './client/dialogs/' + template + '.html', 
       resolve: { 
        dialogParams: function() { 
         return { 
          title: 'title', 
          message: 'message' 
         }; 
        } 
       } 
      }); 

     } 
    }; 
} 

function ModalController($uibModalInstance) { 
    $scope.close = function() { 
     $uibModalInstance.dismiss(); 
    }; 
} 

Wie kann ich das zur Arbeit bringen?

Antwort

2

Sie injizieren den Anbieter nicht in den Controller der Richtlinie. Versuchen Sie auch explizit die Anbieter in die Richtlinie Injektion:

ModalDirective.$inject = ['$uibModal']; 
function ModalDirective($uibModal) { 
    return { 
     scope: {}, 
     restrict: 'E', 
     templateUrl: 'directives/modal/tutorial.html', 
     controller: function ($uibModal) { 
      return $uibModal.open({ 
       controller: 'ModalController', 
       windowClass: 'outside ' + size, 
       animation: true, 
       templateUrl: './client/dialogs/' + template + '.html', 
       resolve: { 
        dialogParams: function() { 
         return { 
          title: 'title', 
          message: 'message' 
         }; 
        } 
       } 
      }); 

     } 
    }; 
} 

Wenn das nicht funktioniert, dann Sie haben nicht richtig die JS-Datei für Angular UI Bootstrap enthalten. (Dies ist höchstwahrscheinlich die Ursache)

+0

Das ist mein Libs in der gleichen Reihenfolge: - jquery.js - jquery-ui.js - Objekt-observe.js - bootstrap.js - Angularjs - Winkel mocks.js - Winkel-local-storage.js - Winkel Animate.js - Winkel cookies.js - Winkel resource.js - Winkel touch.js - Winkel sanitize.js - eckig-permission.js - ui-bootstrap.js - ui-bootstrap-tpls.js - eckig-utf8-ba se64.js - ng-websocket.js - lodash.js - iskroll-probe.js - angular-modal-service.min.js –

Verwandte Themen