在使用 Angular 2 及以上版本的应用程序时，由于一些浏览器不支持 ES6 / ES2015 标准的 API，可能会出现一些问题。为了解决这些问题，可以使用 angular2-polyfill 这个 npm 包。
安装
可以通过以下命令来安装 angular2-polyfill：
npm install angular2-polyfill
使用
在项目的入口文件中（例如 main.ts），添加以下代码：
import 'angular2-polyfill';
这将加载一些必要的 polyfill，以支持一些浏览器不支持的标准 API。
除此之外，如果需要支持 Internet Explorer 9 或更早的版本，则需要添加以下代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------- ----------- ------- ----------------------------------------------------------------------------------- ---- ---- --- ------- ------ --------------------- ------- -------
这将从 polyfill.io 加载所有必要的 polyfill，并根据需要进行特定功能的按需加载。
示例
以下是一个简单的示例，演示如何使用 angular2-polyfill 支持 IE9：
import 'angular2-polyfill';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- -----------
------- -----------------------------------------------------------------------------------
------- --------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------
-------
------
-------------------------------
--------
---------------
--------- -
---- -
------- -----------
----------------- ----
-
-
---
-------------------------
----------- -----------------------------
---------
-------
-------结论
angular2-polyfill 是一个非常有用的 npm 包，用于解决在一些浏览器中使用 Angular 2 及以上版本应用程序时可能出现的兼容性问题。通过按需加载 polyfill，我们可以最小化对应用程序的影响，并确保能够在各种浏览器中正确地运行应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/39015