Is there a way to make Angular 11 compatible with Internet Explorer 5? I am developing an angular solution for a client whose default browser is Internet Explorer running on version 5 (by default). Initially, I am not supposed to change any browser configuration (such as changing the document mode to version 11 and setting it as default).
I am using Angular 11.0.5 and Angular CLI 11.0.5:
Angular CLI: 11.0.5
Node: 14.16.1
OS: win32 x64
Angular: 11.0.5
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.1100.5
@angular-devkit/build-angular 0.1100.5
@angular-devkit/core 11.0.5
@angular-devkit/schematics 11.0.5
@angular/cdk 11.0.3
@angular/material 11.0.3
@angular/material-moment-adapter 12.0.4
@schematics/angular 11.0.5
@schematics/update 0.1100.5
rxjs 6.6.3
typescript 4.0.5
Here is my index.html file:
<!doctype html>
<html lang="pt-br">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge; IE=11; IE=10; IE=9; IE=8; IE=7; IE=5" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<title>Cronograma</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class="mat-typography">
<app-root></app-root>
</body>
</html>
I also tried to change <!doctype html> and
<meta http-equiv="X-UA-Compatible" content="IE=5" />Here is my src/polyfills.ts file:
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'core-js/es/reflect';
import 'core-js/es/symbol';
import 'core-js/es/promise';
import 'core-js/es/object';
import 'core-js/es/function';
import 'core-js/es/parse-int';
import 'core-js/es/parse-float';
import 'core-js/es/number';
import 'core-js/es/math';
import 'core-js/es/string';
import 'core-js/es/date';
import 'core-js/es/array';
import 'core-js/es/regexp';
import 'core-js/es/map';
import 'core-js/es/weak-map';
import 'core-js/es/set';
import 'zone.js/dist/zone'; // Included with Angular CLI.
import 'classlist.js';
import 'web-animations-js';
/***************************************************************************************************
* APPLICATION IMPORTS
*/