Anglerコントローラで複数回onReadyイベントが発生する

Question

が$windowと組み合わせて使用​​された場合に、Angular/Ionicアプリで複数回発生するのを防ぐ方法についてのヘルプを探しています。具体的には、このメソッドをWistiaのビデオに使用しています（指示されているようにhere）。問題のコードは次のとおりです。

$window._wq = $window._wq || []; 
$window._wq.push({ id: "5bbw8l7kl5", onReady: function(video) { 
    console.log("I got a handle to the video using Wistia's onReady method!", video.uuid); 
}}); 

onReadyメソッドを複数回実行し終わる$window._wqを使用することについて、それを何ですか？

onReadyが毎回コントローラービューに戻ったときに一度だけ点火するように、このコードをどのように角度付けできるか（「ハッキングする」または回避する必要はありません）

ローカルで問題を再現するために使用できるサンプルコードを用意していますが、これを選択した場合はhereです。

洞察力、思考、アイデアは非常に高く評価されます。

Answer 1

これらは、問題の原因となる可能性のあるオプションです。
1.同じIDの動画が複数あると思います。彼はあなたが角度を使用している_wq.pushの代わり$window._wq.push
3を使用するAPIページで
2.、あなたはあなたがこれらの匿名の倍数を持っているかもしれません同じNG-モデルやNG-クリックイベントで2本のビデオ

Answer 2

を持って確認しました関数のコールバックが浮動小数点になります。私は、別の関数にonReadyコールバックを抽出し、オブジェクト内のonReadyに関数を渡すことをお勧めします。

$window._wq = $window._wq || []; 
$window._wq.push({ id: "5bbw8l7kl5", onReady: onReadyCallback }); 
var onReadyCallback = (video) => { console.log('I got a handle to the video using Wistia's onReady method!', video.uuid }; 

これは、少なくとも匿名関数の外にコードを分離して、発射複数のイベントの根本原因を突き止めるのに役立ちます関数の呼び出し元を特定するのに役立ちます。範囲内に複数のコントローラーインスタンスがあるかもしれませんが、WistiaやIonicの経験はありません。