Angular 6.1和IE11。 sui-accordion-panel不会扩展。例外：对象不支持属性或方法“动画”

Question

<sui-accordion-panel>应该在IE11中展开，但在IE控制台窗口中会出现Object doesn't support property or method 'animate'错误。

步骤

我向其中一个视图中添加了带有嵌套<sui-accordion>的{​​{1}}。 代码如下：

<sui-accordion-panel>

我创建的//... other components <div [hidden]="!isCreateNewFlag"> <sui-accordion> <sui-accordion-panel [isOpen]="false"> <div title> <i class="dropdown icon"></i> <b>Additional options</b> </div> <div content> <p>Upload initial answer file. (Select the template first.)</p> <app-file-uploader acceptedFormat=".anx" [isDisabled]="fileUploaderDisabled" [isFileValid]="isAnswerFileValid" (fileUploadedEvent)="onFileUploadedEvent($event)"></app-file-uploader> </div> </sui-accordion-panel> </sui-accordion> </div> </app-form-modal> 在这里不是问题-即使从上面的代码中删除了它，我在手风琴组件上也遇到了同样的问题。

预期结果

屏幕截图显示了chrome浏览器中的预期行为。

实际结果

在IE11中，扩展功能不起作用：

版本

这是我的package.json的样子：

<app-file-uploader>

您是否知道可能出什么问题，并且有解决此问题的方法吗？ 干杯

Answer 1

<sui-accordion>使用的Web Animations API并非所有浏览器都支持。他们在这里的文档中告诉了他们：

• https://edcarroll.github.io/ng2-semantic-ui/#/modules/accordion

• https://edcarroll.github.io/ng2-semantic-ui/#/modules/collapse

要更好地解决角度问题，建议将其添加到您的polyfill.ts文件中（可能已经在其中注释了）：

import 'web-animations-js';  

要执行此工作，您需要运行：npm install --save web-animations-js。

您可以在此处查看实时示例：

https://stackblitz.com/edit/angular-stack-55650439?file=src%2Fpolyfills.ts