Angular UI彈出錯誤：$ uibModal未定義

Question

我試圖讓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。

Answer 1

Doh，我沒有注入$ uibModal，$ log的依賴項。