Angular 9与Typescript 3.8.3默认不支持IE中的可选链接,需要使用polyfill (core-js)进行更改。
可选链接是ES2020中的新特性,它允许我们在访问对象属性或调用函数时,对可能为undefined或null的值进行安全的访问。然而,这个特性在旧版本的浏览器中不被支持,包括IE。
为了在Angular 9中使用可选链接,我们需要使用polyfill来填充浏览器不支持的功能。polyfill是一个JavaScript库,它提供了对新特性的模拟实现,以便在旧版本的浏览器中使用。
在Angular项目中,默认情况下,polyfill (core-js)已经包含在polyfills.ts文件中。这个文件位于src文件夹下,它会在应用程序启动时自动加载。
要在Angular 9中启用可选链接的支持,我们需要确保polyfills.ts文件中包含以下代码:
import 'core-js/features/optional-chaining';
这将导入core-js库中的可选链接polyfill。然后,Angular应用程序将能够在IE中使用可选链接。
需要注意的是,polyfill会增加应用程序的文件大小和加载时间。因此,如果你的应用程序不需要支持旧版本的浏览器,可以考虑移除polyfill,以减小应用程序的体积。
总结起来,Angular 9与Typescript 3.8.3默认不支持IE中的可选链接,需要使用polyfill (core-js)进行更改。在Angular项目中,可以通过在polyfills.ts文件中导入可选链接polyfill来启用支持。
领取专属 10元无门槛券
手把手带您无忧上云