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

Question

我正在编写一个timer指令，用于使用时间循环输出函数的结果。

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并让它在没有问题的小提琴之外工作

• JSFiddle：http://jsfiddle.net/U3q4U/3/
• 还在研究JSbin：http://jsbin.com/ucugih/2/edit

问题可能是您正在使用的多个<script>标记，并且定义了两次相同的模块

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