在切换视图后角度与画布动画（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); 
    });