Angularjs 不同DOM节点上的multi-element指令

Angularjs 不同DOM节点上的multi-element指令,angularjs,angularjs-directive,Angularjs,Angularjs Directive,例如,我有下一个html: <header myDirective> <!-- 1 --> ... </header> <div menu> ... </div> ... <!-- here are some html --> <section> <div myDirective> <!-- 2 --> ... </div>

例如,我有下一个html:

<header myDirective>  <!-- 1 -->
    ...
</header>
<div menu>
    ...
</div>
... <!-- here are some html -->
<section>
    <div myDirective>  <!-- 2 -->
        ...
    </div>
</section>

...
...
... 
...
我希望将设置在不同DOM节点上的带注释的myDirective和带注释的myDirective组合起来。我是说我想把它放在里面 指令链接函数I将获得param“element”,它将包含这两个DOM节点。我知道属性多元,但如果我理解的话,它只对兄弟姐妹有效 正确地定义此属性。我怎样才能得到我想要的?例如,我甚至可以使用这样的html(注释中的数字显示必须组合哪些DOM节点):


...
...
...
...
...

类似的Smth是通过引入一些顶级父指令和几个子指令来实现的。子指令需要父指令,以便可以使用父控制器。 html:

<header myDirective>  <!-- 1 -->
    <div myDirective>  <!-- 2 -->
        ...
    </div>
    <div myDirective>  <!-- 2 -->
        ...
    </div>
</header>

<div myDirective>  <!-- 3 -->
    ...
</div>
<div myDirective>  <!-- 3 -->
    ...
</div>
<div myDirective>  <!-- 1 -->
    ...
</div>
<div main>
  <div mydir><div><div mydir>1
  </div></div></div>
  <span mydir>2
  </span>
app.directive('mydir', function() {
  return {
    require : '^main',
    link : function(scope, el, attrs, mainCtrl) {
      mainCtrl.register(el);
    }
  };
});