Nie mogę $ uibModal inside directive ale dostępny w kontrolerze

Question

Chcę, aby dyrektywa otworzyła modal. Ale $ uibModal nie jest zdefiniowany w dyrektywie.

Jak mogę użyć $ uibModal w mojej dyrektywie, aby otworzyć modal?

Answer 1

Funkcja Link do dyrektywy nie jest wstrzykiwana, wymaga stałego zestawu parametrów w ustalonej kolejności. Ale można wstrzyknąć usług do funkcji Sama dyrektywa:

app.directive('showPopUp', function($uibModal) { 
    return { 
     restrict: 'EA', 
     link: function(scope, el, attrs) { 

      var modalInstance = $uibModal.open({ 
       animation: scope.animationsEnabled, 
       templateUrl: 'popup.html', 
      }); 

      modalInstance.result.then(function(selectedItem) { 
       scope.selected = selectedItem; 
      }, function() {}); 

     } 
    } 
}); 

Demo:http://plnkr.co/edit/jwNOM94DtyRIXTdhvJmy?p=preview