Angularjs 不同DOM节点上的multi-element指令
例如,我有下一个html: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>
<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);
}
};
});