Как передать событие $ в функцию onEnter состояния маршрутизатора angular ui

У меня есть вопрос, возможно глупый, я использую состояние ui-router для открытия модального окна, как объяснено здесь, за исключением той части, которая модальна не в ui-bootstrap, а в angular-material $mdDialog. Как некоторые из вас знают, что $mdDialog скользит по элементу, по которому щелкнули, а не сверху к центру, как при начальной загрузке. Прямо сейчас он исчезает без скольжения, я хотел бы сдвинуть модальное окно с элемента.
Для этой цели я создал скрипту.
Вот код

var app = angular
  .module('myApp', ['ngAnimate', 'ngAria', 'ngMaterial', 'ui.router'])

.config(['$stateProvider', function($stateProvider) {
    $stateProvider
      .state("campaigns", {
        url: "/campaigns",
        abstract: true
      })
      .state("campaigns.add", {
        url: "/add",
        onEnter: function($mdDialog) {
          var ev = null; // this should be the $event 
          $mdDialog.show(
            $mdDialog.alert()
            .parent(angular.element(document.body))
            .title('This is an alert title')
            .content('You can specify some description text in here.')
            .ariaLabel('Alert Dialog Demo')
            .ok('Got it!')
            .targetEvent(ev)
          );
        }
      });
  }])
  .controller('myController', function($scope) {

  });


HTML

<div ng-app="myApp" ng-controller="myController"><a ui-sref="campaigns.add">add campaign</a></div>

person Salal Aslam    schedule 10.06.2015    source источник
comment
Посмотрите stackoverflow.com/a/32685753/202913 , демо на jsfiddle.net/f30wesj3/2   -  person Beyers    schedule 21.09.2015