Как использовать сервис из директивы для вызова функции?

контроллер

angular.module('myApp')
  .controller('myCtrl', [  '$mdDialog', '$mdMedia', 'viewDialog', myCtrl]);
..

function myCtrl(  $mdDialog, $mdMedia, viewDialog) {   
    $scope.viewItem = function(ev,id) {
        viewDialog.ITEM(ev,id)
    };
}

HTML

<div ng-controller="myCtrl">
  <md-list-item ng-repeat="item in myarr">
     <a  my-view-dialog">
       <h4> {{item.id}} </h4>
     </a>
  </md-list-item>
</div>

Когда я вызываю функцию непосредственно контроллера формы, модальное окно отлично работает при щелчке

используя директиву

Моя директива

angular.module('myApp')
    .directive('myViewDialog', function ($parse) {
        return {
            compile: function(tElm,tAttrs){
              var exp = $parse('viewItem($event,item.id)')
              return function (scope,elm){
                elm.bind('click',function(){
                  exp(scope);
                });
              };
            }
        };;
    });

Теперь я хочу удалить зависимость контроллера и напрямую вызвать службу viewDialog из директивы, в которой она не работает.

вот код для инъекций

angular.module('myApp')
    .directive('myViewDialog', function ($parse, viewDialog) {
        return {
            compile: function(tElm,tAttrs){
              var exp = $parse('viewDialog.ITEM($event,item.id)') 
          return function (scope,elm){
                elm.bind('click',function(){
                  exp(scope);
                });
              };
            }
          };;
    });