ios - IOS 8 中的 Angular 材质扩展面板

Question

我在 IOS 8.1 中遇到了 Angular Material 扩展面板的错误（该错误未出现在 IOS 10+ 上，尚未测试 9）。如果我使用示例 stackblitz中的代码，扩展面板会在单击时出现并打开，但不会在第二次单击时关闭。

每次单击都会在 Safari Web 检查器控制台中产生以下错误：

ERROR – Error {line: 5169, column: 46, sourceURL: "http://localhost:4200/vendor.js"}
defaultErrorLogger — vendor.js:56067
handleError — vendor.js:56113
(anonymous function) — vendor.js:58982:99
invoke — polyfills.js:7499
run — polyfills.js:7249
runOutsideAngular — vendor.js:58177
tick — vendor.js:58982
(anonymous function) — vendor.js:58867:110
invoke — polyfills.js:7499
onInvoke — vendor.js:58218
invoke — polyfills.js:7498
run — polyfills.js:7249
run — vendor.js:58132
next — vendor.js:58867:85
(anonymous function) — vendor.js:57949
__tryOrUnsub — vendor.js:135347
next — vendor.js:135285
_next — vendor.js:135220
next — vendor.js:135195
next — vendor.js:134960
emit — vendor.js:57933
checkStable — vendor.js:58187
onLeave — vendor.js:58254
onInvokeTask — vendor.js:58212
invokeTask — polyfills.js:7531
runTask — polyfills.js:7299
invokeTask — polyfills.js:7607
invokeTask — polyfills.js:8651
globalZoneAwareCallback — polyfills.js:8677
defaultErrorLogger — vendor.js:56067

我很好奇其他人是否遇到同样的问题，或者是否有人知道解决方案。

我正在使用 Angular 6、material 6.4.0 和 IOS 8.1（在 iPad Air 模拟器上运行）。我包含的 polyfills 是：

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/weak-map';
import 'core-js/es6/set';

import 'core-js/es7/reflect';

import 'web-animations-js';

import 'zone.js/dist/zone';

标签： iosangularangular-materialaccordion