不明なプロバイダ：$ modalProvider < - $ modal < - userDetailController

Question

電子メールを送信するためにポップアップを作成しますか？はい、いいえのメールを送信してもよろしいですか？このエラーが発生しました。不明なプロバイダ：$ modalProvider < - $ modal < - userDetailController。

define([ 
    'angular', 
    './module' 
], function (angular, module) { 
    'use strict'; 

    module.controller('userDetailController', [ 
     '$scope', 
     'userDetails', 
     'navigationStateService', 
     '$translate', 
     'ngDialog', 
     function ($scope,userDetails,navigationStateService, $translate,ngDialog) { 

      $scope.user = userDetails.getSelectedUser(); 



$scope.openContactForm = function() { 

       var promise = modals.open(
         "confirm", 
         { 
          message: "Are you sure you want to taste that?!" 
         } 
        ); 
       promise.then(
         function handleResolve(response) { 
          console.log("Confirm resolved."); 
         }, 
         function handleReject(error) { 
          console.warn("Confirm rejected!"); 
         } 
        ); 
      }; 

Answer 1

$uibModal'sを試してみて、それは、例えば、非常に簡単です：私はあなたが依存関係として `$ modalProvider`を追加表示されていない

angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($scope, $uibModal, $log) { 
    $scope.animationsEnabled = true; 
//open modal 
    $scope.open = function (size) { 

    var modalInstance = $uibModal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     size: size, 
     resolve: { 
     //resolve 
     } 
    }); 

    modalInstance.result.then(function (selectedItem) { 
     //.then 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 
    }; 

    $scope.toggleAnimation = function() { 
    $scope.animationsEnabled = !$scope.animationsEnabled; 
    }; 

});