Angular UI弹出错误：$ uibModal未定义

我试图让AngularUI Modal去，但它给我一个错误（$ uibModal是未定义），以及头痛。

我正在使用版本angular-ui-bootstrap-0.14.3。（所以它使用$ uibModal而不是$模式）

错误显示对线VAR modalInstance = $ uibModal.open（{...

这是我的控制器的削减版本（持有点击事件）

'use strict'; 
    angular.module('MPAapp') 
     .controller('workCentreCtrl', 
        ['$scope', '$rootScope', 'toastrFactory', 'workCentreResource', 
        workCentreCtrl]) 

    function workCentreCtrl($scope, $rootScope, toastrFactory, workCentreResource, $uibModal, $log) { 
     // Click event code to open the modal 
     $scope.EditWorkOrder = function (slot, max) {    
      var modalInstance = $uibModal.open({ 
       animation: true, 
       templateUrl: '/app/WorkOrder/Views/EditWorkOrder.html', 
       controller: 'EditWorkOrderCtrl', 
       size: 'lg', 
       resolve: { 
        Slot: function() { 
         return slot; 
        }, 
        Max: function() { 
         return max; 
        } 
       } 
      }); 

      modalInstance.result.then(function (selectedItem) { 
       $scope.selected = selectedItem; 
      }, function() { 
       $log.info('Modal dismissed at: ' + new Date()); 
      }); 
      console.log('md opened') 
     }; 
    }

这是接收控制器

'use strict'; 
    angular.module('MPAapp') 
     .controller('EditWorkOrderCtrl', ['$scope', '$timeout', 'toastrFactory', 'workCentreResource', 'blockedDatesResource', 
      EditWorkOrderCtrl]); 

    function EditWorkOrderCtrl($scope, $timeout, toastrFactory, workCentreResource, blockedDatesResource, $uibModalInstance, Slot, Max) { 
// rest of my code in here.... 
};

上任何想法将是非常赞赏。 012ditsdanny。

来源

2015-11-05 ItsDanny

我不明白你的代码。什么是workCentreCtrl？ –

单词功能缺失，我更新了OP。 – ItsDanny

Doh，我没有注入$ uibModal，$ log的依赖项。

来源

2015-11-06 08:34:44 ItsDanny

Angular UI弹出错误：$ uibModal未定义

回答

相关问题