Angular 8 с использованием асинхронного канала для Internet Explorer 11

Question

Я использую *ngIf с async pipe, чтобы показать и скрыть элементы HTML. Работает на Google Chrome или Firefox. Но он не работает в Internet Explorer, как я могу заставить его работать в IE?

Вот исходный код: https://stackblitz.com/edit/angular-nbxpyp

Answer 1

Похоже, что проект, который вы предоставляете, может хорошо работать в IE 11. Он показывает «Успешное сообщение» во всех браузерах. Есть ли ошибка в консоли, когда она не работает в IE? Выполнили ли вы шаги поддержки Angular 8 в IE 11?

Чтобы запустить приложение Angular 8 в IE 11, необходимо выполнить следующие шаги:

1. Создайте новый tsconfig tsconfig-es5.app.json рядом с tsconfig.app.json со следующим содержимым:

   {
    "extends": "./tsconfig.app.json",
    "compilerOptions": {
        "target": "es5" 
     }
   }
   

2. В angular.json добавьте два новых раздела конфигурации под buildи serve цель для предоставления нового tsconfig:

   "build": {
     "builder": "@angular-devkit/build-angular:browser",
     "options": {
         ...
     },
     "configurations": {
       "production": {
           ...
       },
       "es5": {
         "tsConfig": "./tsconfig-es5.app.json"
       }
     }
   },
   "serve": {
     "builder": "@angular-devkit/build-angular:dev-server",
     "options": {
         ...
     },
     "configurations": {
       "production": {
        ...
       },
       "es5": {
         "browserTarget": "yourAppName:build:es5"
       }
     }
   },
   

3. Запустите подачу с этой конфигурацией, используя следующую команду:

   ng serve --configuration es5