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>問題は、使用している複数のタグと同じモジュールを 2 回定義している可能性があります

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