注入錯誤，使用ui-bootstrap

Question

Unknown provider: $confirmModalProvider <- $confirmModal <- confirmModalCtrl

爲什麼我得到這個錯誤？我正在嘗試使用AngularJS UI Bootstrap來打開模式並獲得結果。當我觸發$scope.deleteQuestion()時，出現此錯誤。任何想法我在這裏做錯了嗎？

var crtPromoCtrl = angular.module('crtPromoCtrl', ['crtPromoSrv']); 

crtPromoCtrl.controller('surveyCtrl', ['$scope', '$modal', 'surveySrv', function($scope, $modal, surveySrv) 
{ 
     $scope.questions = surveySrv.getQuestions(); 

    $scope.editQuestion = function(index) 
    { 
     surveySrv.setEditQuestion(index); 
    }; 

    $scope.deleteQuestion = function(index) 
    { 
     var confirmModal = $modal.open({ 
      templateUrl: 'confirm-delete.html', 
      controller: 'confirmModalCtrl', 
      size: 'sm' 
     }); 

     confirmModal.result.then(function(msg) 
     { 
      console.log(msg); 
     }); 

     return false; 
    }; 
}]); 

crtPromoCtrl.controller('confirmModalCtrl', ['$scope', '$confirmModal', function($scope, $confirmModal) 
{ 
    $scope.yes = function() 
    { 
     $confirmModal.close('yes'); 
    }; 

    $scope.no = function() 
    { 
     $confirmModal.dismiss('no'); 
    }; 
}]); 

編輯：https://angular-ui.github.io/bootstrap/#/modal

Answer 1

你第二控制器應使用$modalInstance代替$confirmModal

請注意，$ modalInstance代表一個模式窗口（實例） 依賴。

代碼

crtPromoCtrl.controller('confirmModalCtrl', ['$scope', '$modalInstance', function($scope, $modalInstance) { 
    $scope.yes = function() { 
     $modalInstance.close('yes'); 
    }; 

    $scope.no = function() { 
     $modalInstance.dismiss('no'); 
    }; 
}]);