javascript - 将元素从链接函数传递到指令内的 Controller 函数，然后再传递给另一个指令

Question

是否有一种方法可以将元素从链接函数传递到指令内的 Controller 函数，而不是将其作为元素传递给另一个指令？

我的意思是我有一个指令:

angular.module('myApp').directive('parentDir', function() {
  return {
    restrict: 'E',
    link: function (scope, element, attributes) {
    element = //some HTML code
    },
    controller: function ($scope) {
      this.elem = function () {
        $scope.elem = element;
      }
    }
  }
});

然后我有另一个指令，我想在其中获取 $scope.elem。

angular.module('myApp').directive('childDir', function() {
  return {
    restrict: 'E', 
    link: function (scop, elmn, attr){

    // HOW TO GET THE $scope.elem here as elmn ?
    elmn = $scope.elem ?

    }
  }
});

是否可以将 element 传递到 $scope.elem 而不是另一个指令？

编辑:感谢大家的帮助，我还找到了另一种通过 factory under this link 来做到这一点的方法

Answer 1

我认为您正在寻找一种方法让子指令从父指令获取元素。您可以使用指令到指令通信的通用技术来执行此操作，其中子指令可以访问父指令的 Controller :

父目录:

angular.module('myApp').directive('parentDir', function() {
  return {
    restrict: 'E',
    link: function (scope, element, attributes) {
       element = //some HTML code
    },
    controller: function ($scope, $element) {
      this.elem = function () {
          return $element;
      }
    }
  }
});

子指令:

angular.module('myApp').directive('childDir', function() {
  return {
    restrict: 'E', 
    require: '^parentDir',
    link: function (scop, elmn, attr, parentCtrl){    
         var parentElmn = parentCtrl.elem(); 
    }
  }
});