Ionic/Angular 内存泄漏

[pengkobe]

在控制台中发现一个 window 级变量，一直持有一个 __zone_symbol__orientationchangefalse 的属性，然后引用到了被 pop 后的 ViewController，导致一直无法释放。

趣事

我在使用 ngFor 时初始化数据用到了 new Array() 导致后来内存中一直存在不能被清空，真是有趣

相关探讨

• DOM Node Leak for modal & nav push / pop
• Hammerjs events are causing memory leaks (detached nodes) ，虽然已修复，但是貌似未被合并至主分支，应该会在 v6 中解决
• fix(dom-leak): Keep reference of the 'orientationchange' handler，其表示会在 v4 中修复，真是恼人啊, 发生原因主要是 bind 的误用，如 pr 作者示例所示

  
  var show = function () {
  console.log('HEY!');
  };
  var sameBind = function () {
  return show.bind(this) === show.bind(this);
  };
  var same = function () {
  return show === show;
  };

document.getElementById('result').textContent = same(); // true document.getElementById('resultBind').textContent = sameBind(); // false

我们要修复 bug，可以在目录下文件``` node_modules/ionic-angular/navigation/view-controller.js ``` 将
```javascript
window.removeEventListener('orientationchange', this.handleOrientationChange.bind(this));

修改为

window.removeEventListener('orientationchange', this.handleOrientationChange);

后续

修改后，经常会出现报错 this.getContent is not a function

  ViewController.prototype.handleOrientationChange = function () {
        if (this.getContent()) {
            this.getContent().resize();
        }
    };