$ uibModalProvider < - $ uibModal < - angularjsとUI-ブートストラップモーダル建てしようとして

Question

StatusModalService与えるエラー：

バージョン

• Angularjsとそのコンポーネントは1.5.3

• です

  ui-bootstrap-tpls-1.3.3.js。私は

  App.service("StatusModalService", ["$uibModal", 
            function ($uibModal) { 
      var modalDefaults = { 
       backdrop: true, 
       keyboard: true, 
       modalFade: true, 
       templateUrl: 'resources/template/modal/confirmationModal.html' 
      }; 
      var modalOptions = { 
       closeButtonText: 'Close', 
       actionButtonText: 'OK', 
       headerText: 'Proceed?', 
       bodyText: 'Perform this action?' 
      }; 
  
      this.showModal = function (customModalDefaults, customModalOptions) { 
       if (!customModalDefaults) customModalDefaults = {}; 
       customModalDefaults.backdrop = 'static'; 
       return this.show(customModalDefaults, customModalOptions); 
      }; 
  
      this.show = function (customModalDefaults, customModalOptions) { 
       //Create temp objects to work with since we're in a singleton service 
       var tempModalDefaults = {}; 
       var tempModalOptions = {}; 
  
       //Map angular-ui modal custom defaults to modal defaults defined in service 
       angular.extend(tempModalDefaults, modalDefaults, customModalDefaults); 
  
       //Map modal.html $scope custom properties to defaults defined in service 
       angular.extend(tempModalOptions, modalOptions, customModalOptions); 
  
       if (!tempModalDefaults.controller) { 
        tempModalDefaults.controller = function ($scope, $uibModalInstance) { 
         $scope.modalOptions = tempModalOptions; 
         $scope.modalOptions.ok = function (result) { 
          $uibModalInstance.close(result); 
         }; 
         $scope.modalOptions.close = function (result) { 
          $uibModalInstance.dismiss('cancel'); 
         }; 
        } 
       } 
  
       return $uibModal.open(tempModalDefaults).result; 
      }; 
  }]); 
  

  としてこれを使用しています。しかし、私はエラー

  を取得していますStatusServiceで

  var App = angular.module('aotaApp', ['ui.router','ui.bootstrap','checklist-model','ngSanitize']) 
  .controller("myController", function($scope,$state, $http) 
  

  として、私は'ui.bootstrap'が含まれているメインのアプリファイルで

angular-1.5.3.js:13424 Error: [$injector:unpr] Unknown provider: $uibModalProvider <- $uibModal <- StatusModalService

私は角度が新しく、主にアプリにui.bootstrapを追加しています。それは何の助けも与えていない。

私をご案内ください。

Answer 1

それはここではそれはあなたのコードにISN https://plnkr.co/edit/cXxZiWjcbNJ8t5p4CmyG?p=previewとplunkは」だごUI-ブートストラップ

https://github.com/compact/angular-bootstrap-lightbox/issues/42