angularjs - $uibModal.open() 不是函数

Question

我正在尝试集成 Angular 引导模式形式，

这是我的 Controller

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

我添加了 $uibModal 作为依赖项。在我的 app.js 中，我也添加了 ui.bootstrap 作为依赖项，

我的 angular.bootstrap 版本是 1.3.3

我的模态功能如下

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 ;
        //  }
        // }
    });



};

当我尝试使用断点并检查控制流时，它进入 viewGroupDetail 函数。但在 $uibModal.open() 点，控制中断

我在这里想念什么？
我在堆栈溢出中尝试了其他相关问题，没有给我一个解决方案，所以发布我自己的查询

Answer 1

您正在发布 $uibModal在参数声明中的错误位置

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

必须按注入(inject)顺序维持。

像这样试试

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