javascript - 更改检测在 Firefox 中无法正常运行

Question

在 Chrome 中，一切正常，但在 Firefox 中，绑定(bind)永远不会更新。

问题似乎与 core-js 和/或 zone.js 有关:

• https://github.com/AngularClass/angular2-webpack-starter/issues/709
• https://github.com/angular/angular/issues/9385

这些问题已修复，但我使用的是最新版本的 angular (v2.4.9)，但它不起作用。

我导入polyfill.ts，即:

import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
import 'core-js/es6/reflect';

import 'core-js/es7/reflect';
import 'zone.js/dist/zone';

在 main.ts 中。我尝试按照其中一张 Github 票证中的建议将 zone.js 导入放在 core-js 导入之前，但它不起作用。

是否需要在我的 index.html 中包含或链接另一个 polyfill？

编辑#1

它似乎在 Firefox 中实际工作了 50%。如果我刷新页面，它会每隔一段时间正确呈现页面。当它不起作用时，绝对没有绑定(bind)在起作用；不执行事件回调，不呈现 {{ ... }} 绑定(bind)等。

编辑 #2

这个bug其实是由Polymer's platform.js引起的(Polymer 的 polyfills)我在我的 index.html 中链接。如果我删除它，绑定(bind)将再次开始工作。我已经实现了这个 Midi synth在我的应用程序中，它使用 Polymer，这需要 platform.js。所以看起来 platform.js 和 Angular2 in Firefox 之间存在冲突。有什么办法可以解决这个冲突吗？

Answer 1

我一直在寻找。

显然，Firefox 缓存数据，因此是您的问题。

很多人似乎对使用 Firefox 开发 Angular 感到恼火。

我找到了这个 code ，它没有解决这个人的问题，但应该可以解决你的问题:

$rootScope.$on('$viewContentLoaded', function() {
  $templateCache.removeAll();
});  

如果没有，我建议你看看缓存和 Angular2