为控制器注入解析参数

Inject controller with resolve parameters

本文关键字：参数 注入 控制器      更新时间：2023-09-26

我正在使用角度材质（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) { ... }

正如你所看到的，我对params有一些决心。目前我正在使用$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个

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

创建服务并公开此函数：

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

然后只需粘贴创建对话框的控制器的作用域。

相关文章：