Question

我是否可以嵌套需要与父级通信的两个相同指令（AngularJS文档：Creating Directive that Communicate）？

我正在尝试为Bootstrap的ScrollSpy实现AngularJS解决方案。我已成功地使用Alexander Hill的my gist作为我的主要参考文献（Using AngularJS to recreate Bootstrap's ScrollSpy）。

简化的HTML看起来像这样（对于需要父指令的指令，没有任何规范）：

<div parent-directive>
  <!-- content -->

  <div child-directive="foo">...</div>
  <div child-directive="bar">...</div>

  <!-- more content -->
</div>

但是当我尝试嵌套相同的指令类型时，一切都会中断。例如：

<div parent-directive>
  <!-- content -->

  <div child-directive="foo">...</div>
  <div child-directive="bar">...</div>

  <!-- more content -->

  <div parent-directive>
    <div child-directive="snipp">...</div>
    <div child-directive="snapp">...</div>
    <div child-directive="snurr">...</div>
  </div>
</div>

我的具体目标是能够在同一页面中提供两个滚动间谍元素，如Bootstrap's ScrollSpy documentation所示。也就是说，文档是一个很大的ScrollSpy，然后在该父项中有一个ScrollSpy的例子。

我是否能够嵌套两个类似指令才能完成此任务？

嵌套需要通信的AngularJS指令？

0 个答案: