Angular 8: Supporting Internet Explorer in Your App - Tips and Tricks

When developing an Angular 8 app, it's important to consider support for Internet Explorer (IE) as it's still widely used in many organizations. Here are some tips and tricks to ensure your app works smoothly on IE:

1. Use polyfills

IE doesn't support some of the latest web standards that Angular relies on, so it's important to include polyfills to fill those gaps. The easiest way to do this is to use the core-js library, which provides a set of polyfills for various web standards. Simply install the library using npm and import it in your polyfills.ts file:

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

2. Avoid unsupported APIs

IE doesn't support some of the newer APIs such as fetch, Promise, and Intl. Make sure to avoid using these APIs or provide polyfills for them.

3. Use ES5 syntax

IE doesn't support some of the newer syntax features of ES6 and above. Make sure to use ES5 syntax to ensure compatibility with IE.

4. Test on IE regularly

Don't wait until the end of development to test your app on IE. Regularly check your app on IE to catch any compatibility issues early on and make necessary adjustments.

By following these tips and tricks, you can ensure that your Angular 8 app is fully compatible with Internet Explorer and provide a seamless experience for all users.