注入带有解析参数的控制器

Question

我正在使用角度材料 (AM)，我想将外部控制器传递给 $mdDialog。 在 AM 文档中，我们创建这样的对话框：

function DialogController($scope, $mdDialog) { ... }
...
$mdDialog.show({
  controller: DialogController,
  templateUrl: 'dialog1.tmpl.html',
  parent: angular.element(document.body),
  targetEvent: ev,
  clickOutsideToClose:true
})

如您所见，控制器只是当前控制器中调用 $mdDialog 的一个函数。我想使用外部控制器。

myApp.controller('ElementEditCtrl', function($scope, 
$rootScope, $stateParams, $filter, $state, ElementsService, element, personnes) { ... }

如您所见，我对参数有一些决心。目前我正在使用 $controller 服务来实例化我的控制器：

var ctrl = $scope.$new();
    $controller('ElementEditCtrl', {$scope: ctrl, personnes: EmployesService.get(), element: angular.copy($scope.element)});
    $mdDialog.show({
        controller: ctrl,
        templateUrl: 'FrontEnd/App/views/ElementEditView.html',
        parent: angular.element(document.body),
        targetEvent: ev,
        clickOutsideToClose: true,
    })

我的浏览器控制台中出现此错误：

错误：ng:areq 错误参数 参数 'fn' 不是函数，得到 n

我需要使用外部控制器，因为我需要从不同的视图打开此对话框，并且我不想在每个控制器中复制代码。

Answer 1

制作一个服务并公开这个功能：

function createDialog($scope) {
  return function() {
    $mdDialog.show({
      scope: $scope.$new(),
      templateUrl: 'some/temmplate.html,
      clickOutsideToClose: true
    });
  };

然后只需粘贴创建对话框的控制器的范围。