1

我試着在指令中使用Angular boostrap-ui,但它沒有工作,所以我決定使用一個服務,它將使用Angular bootstarp-ui,並將它注入指令。 我不斷收到此錯誤:如何將服務注入指令?

未知提供商:ui.bootstrapProvider < - ui.bootstrap < - 模態< - monitorCardDirective

的角度應用:

'use strict'; 
var app = angular.module('app', [ 'ui.bootstrap' ,'restangular']); 

app.controller('nav', function($scope, $uibModal, $filter, Restangular) { 
     $scope.search = false; 
}); 

app.directive('monitorCard',['modal',function(modal) { 
    return { 
     link: function(scope, element, attr) { 
      element.bind('click',function(){ 
       modal.open({ 
        templateUrl: 'monitoController.html', 
        controller: 'monitorController' 
       }); 
      }); 
     }, 
     scope:{ 
      monitorCard: '=' 
     } 
    }; 
}]); 

app.factory('modal',['ui.bootstrap',function($uibModal){ 
    var modalInstance = $uibModal.open({ 
     templateUrl: 'monitoController.html', 
     controller: 'monitorController' 
    }); 
    return modalInstance; 
}]); 
+0

您是否在HTML中包含了必要的