在切換視圖后角度與畫布動畫（planetaryjs）反轉

Question

我在角度指令內使用planetaryjs。

當頁面第一次加載時，行星旋轉動畫工作正常，但在切換視圖並回到行星動畫之後，它開始猛拉。

Here is a Plunker showing the problem.

任何想法如何解決這個問題？

Answer 1

我相信每次來回行星視圖時，view-planetary.html都會卸載並再次加載，但鏈接函數中的plantery.js事件（planet.draw(canvas)）仍然保留在內存中，因此它會因爲多個星球實例而閃爍。畫跑步。爲了擺脫這個問題（這是人們忘記做的事情中最常見的事情，特別是當他們綁定外部事件時角度不知道），我們需要注意元素（畫布）上的$destroy事件。將下面的代碼放入行星指令的鏈接方法中。

element.on('$destroy', function() { 
    // I did not find the destroy method to unload the planet in planetary.js 
    // If you find it then put it here 
    // For example, planet.destroy(canvas); 
    });