Блог

Главная - Вопросы по программированию - Кнопка «Событие включено» не работает в Internet Explorer

Кнопка «Событие включено» не работает в Internet Explorer

#javascript #html #angular #typescript

Вопрос:

Я использую Angular 9, у меня есть кнопка, она отлично работает во всех браузерах, но не в Internet Explorer, даже я не могу нажать на кнопку.

Мой код:

  <button *ngIf="config.xlsxAll" type="button" class="btn btn-success" (click)="exportRecords(true)">
         <i class="fa fa-download"></i> XLSx All
      </button>

Я попробовал button тег, заменив div его тегом, но у меня это не сработало. Что я сделал не так?
Заранее спасибо

Комментарии:

1. Вы убедились, что не работает событие click, а не остальной код внутри функции?

2. Какая версия Internet Explorer? Angular не поддерживает старые браузеры.

3. @jabaa Я использую IE 11, и все остальные функции работают в IE, я имею в виду, что проект работает на 99%, только эта кнопка не работает

4. Сначала вы должны проверить angular.io/guide/browser-support . Поддержка IE 11 уже устарела.

5. Этот вопрос помечен как AngularJS (фреймворк, который по существу застыл во времени на 1.x), так и Angular (фреймворк, который продолжает обновляться и недавно выпущена версия 12). Код, по-видимому, нацелен на последнее. Пожалуйста, используйте только теги для используемых вами фреймворков.

Ответ №1:

документ поддержки браузера для angular 9

https://github.com/angular/angular/blob/9.1.x/aio/content/guide/browser-support.md

 Browser   Supported versions
IE        11, 10, 9 ("compatibility view" mode not supported)

Решение : К сожалению, решения этой проблемы не существует. Угловая дорожная карта скоро отключит поддержку всех версий IE. Однако вы можете предложить пользователю перейти в новый браузер.

в index.html

 <body>
  <!--[if lt IE 11]>
<p>
  You are using an <strong>outdated</strong> browser. Please
  <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->

...

Решение 2 : Проверьте src/polyfill.ts

в polyfill.ts

 /** IE9, IE10 and IE11 requires all of the following polyfills. */
// npm i core-js --save
import '../node_modules/core-js/es/symbol';
import '../node_modules/core-js/es/object';
import '../node_modules/core-js/es/function';
import '../node_modules/core-js/es/parse-int';
import '../node_modules/core-js/es/parse-float';
import '../node_modules/core-js/es/number';
import '../node_modules/core-js/es/math';
import '../node_modules/core-js/es/string';
import '../node_modules/core-js/es/date';
import '../node_modules/core-js/es/array';
import '../node_modules/core-js/es/regexp';
import '../node_modules/core-js/es/map';
import '../node_modules/core-js/es/weak-map';
import '../node_modules/core-js/es/set';


/** IE10 and IE11 requires the following for NgClass support on SVG elements */
 import 'classlist.js';  // Run `npm install --save classlist.js`.


/*
 * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
 * with the following flag, it will bypass `zone.js` patch for IE/Edge
 */
(window as any).__Zone_enable_cross_context_check = true;

import 'zone.js/dist/zone'; // Included with Angular CLI.

Комментарии:

1. Это похоже скорее на комментарий, чем на ответ.

2. «Угловая дорожная карта скоро отключит поддержку всех версий IE» . Но Угловатый Как это отвечает на вопрос?

Метки: