Angular 4 IE 11 问题：不在页面中多次渲染组件

Question

我目前面临 IE 11 浏览器的问题。我正在使用 Angular 4 构建一个 Web 应用程序，并且我需要在页面中显示两次按钮。此按钮是一个组件，因此页面 html 将两次提及此组件。 在所有其他浏览器中，我看到该按钮显示两次。但在 IE 中，只呈现一个按钮。 看到控制台日志，我看到有一个错误抛出。

对象不支持“foreach”属性或方法

我觉得这是按钮不显示的问题，我尝试了所有替代方法，例如在 polyfill.js 中添加所有必要的导入，但没有帮助。

有人可以帮忙解决这个问题吗？

Answer 1

如果您使用 Angular-CLI 生成您的网站，那么应该有一个 polyfills.ts。在该文件中，您需要取消共用 IE9、IE10 和 IE11 pollyfill 导入。