$ uibModal.open() ist keine Funktion

Question

Ich versuche Angular Bootstrap-modale Formular zu integrieren,

Hier ist mein Controller

angular.module('app').controller('groupController',['groupService','$uibModal','toastr','$scope',function(groupService,toastr,$uibModal,$scope) 

ich hinzugefügt haben $ uibModal als dependency.In meine App. js ich habe auch als Abhängigkeit hinzugefügt ui.bootstrap,

Meine angular.bootstrap Version 1.3.3

meine modale Funktion wie folgt ist

vm.viewGroupDetail = function(userDetails) { 

    var scope = $scope.$new(); 
    scope.userDetails = userDetails; 

    vm.modalInstance = $uibModal.open({ 
     animation: true, 
     templateUrl: 'app/views/groups/group_details_modal.html', 
     windowClass: 'd-modal', 
     size: 'md', 
     scope: scope 
     // resolve: { 
     // userDetails: function() { 
     //  return ; 
     // } 
     // } 
    }); 



}; 

Wenn ich versuche, Haltepunkte zu verwenden und den Kontrollfluss zu überprüfen, geht es in die Funktion viewGroupDetail. aber an der Stelle von $ uibModal.open() bricht die Steuerung

Was fehlt mir hier? versuchte ich andere damit zusammenhängende Fragen in Stack-Überlauf, gab mir nichts eine Lösung, so meine eigene Abfrage veröffentlichen

Answer 1

Du $uibModal an der falschen Stelle in der Parameterdeklaration

'groupService','$uibModal','toastr','$scope',function(groupService,toastr,$uibModal,$scope) 

Sortieren Buchung muss beibehalten werden nach injizieren.

Versuchen Sie, wie dieses

'groupService','$uibModal','toastr','$scope',function(groupService,$uibModal,toastr,$scope)