javascript - 定时器的 Angular Directive(指令)到指令通信

标签 javascript angularjs

我的想法来自 AngularJS - How to make a stop watch starting from 00:00:00 format并且需要让计时器能够让 stop 方法转到父模板中按钮的父指令。

<parent-container>
  <timer-container />
  <button ng-click="??.stopTimer()">Stop</button>
</parent-container>

如果定时器容器中有一个方法可以停止定时器,如何让父容器和定时器容器进行交互,以便当单击按钮时,将调用 stopTimer 方法?

最佳答案

查看$emit$broadcast功能。 $emit 将向层次结构向上发送事件,$broadcast 将向层次结构向下发送事件。您可以使用 $on 添加监听器功能。

如果两个作用域之间没有直接关系,您可以将 $rootScope 注入(inject)两个 Controller 并在那里处理事件。

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

关于javascript - 定时器的 Angular Directive(指令)到指令通信,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37707546/

相关文章:

javascript - 注册jQuery点击,第一次和第二次点击

javascript - 动态添加事件到事件源

angularjs - 请求的资源上不存在 'Access-Control-Allow-Origin' header 。来源 http ://localhost: XXXX is therefore not allowed access

javascript - AngularJS:链接功能中带有 D3 图表的指令仅工作一次

javascript - 确定 DOM 中每个元素的有效 z-index(垂直堆栈位置)?

javascript - emberjs 将 class 或 id 添加到 body 标签

javascript - 使用 jQuery 访问特定的子 div

javascript - 动态堆叠 $mdToast

javascript - AngularJs 指令和 $http 调用

javascript - Controller 似乎未注册