用于计时器的指令通信的Angular指令

Question

我已经从https://git-scm.com/download/win中获取了这些想法，并且需要让计时器能够使用停止方法转到父模板中父按钮的父指令。

Two:
<div class="A">
  <div class="B"></div>
  <div class="C"></div>
</div>

Three:
<div class="A">
  <div class="B"></div>
  <div class="C"></div>
  <div class="D"></div>
</div>

Random:
<div class="A">
  <div class="B"></div>
  <div class="C"></div>
  <div class="D"></div>
  <div class="B"></div>
  <div class="C"></div>
  <div class="D"></div>
  <div class="B"></div>
  <div class="C"></div>
  <div class="D"></div>
</div>

如果timer-container中有一个停止计时器的方法，如何让父容器和计时器容器进行交互，以便在单击按钮时调用stopTimer方法？

Answer 1

查看$emit和$broadcast函数。 $ emit将在heirarchy上发送一个事件，$ broadcast将事件发送到层次结构中。您可以使用$on函数添加侦听器。

如果两个范围之间没有直接关系，您可以将$ rootScope注入两个控制器并在那里处理事件。

有关更完整的示例，请查看我在评论中链接的答案。