angularjs - 使用计时器更新范围时angularjs中的奇怪行为

Question

我正在编写一个计时器指令来使用时间循环输出函数的结果。

http://jsfiddle.net/U3q4U/1/

现在我遇到的问题是代码在 jsfiddle 上完美运行 - 日期每 4 秒更新一次，而数字每秒增加 1。

但是，如果您将代码复制并粘贴到 html 文件（并链接到 angularjs 库）中，则在范围上调用 $apply 将无法正常工作 - 数字不会定期更新并且会跳跃（例如从 5 到 8）。

有问题的指令是这样的：

<gx:timer interval="1000" fn="fn1" output="out"></gx:timer>

我在 Firefox 和 chrome 上都试过这个。行为是相同的。

Answer 1

更新了你的 jsfiddle 并让它在 js fiddle 之外工作，没有问题

• JSFiddle在这里：http: //jsfiddle.net/U3q4U/3/
• 也在 JSbin 上工作：http: //jsbin.com/ucugih/2/edit

问题可能是<script>您使用的多个标签并两次定义同一个模块

var app = angular.module('gx', []);
var app = angular.module('gx');