AngularngIf问题(IE11)
创始人
2024-10-28 17:01:01
0

在IE11浏览器中,当使用Angular的ngIf指令时,会导致页面渲染异常的问题。这是因为IE11是ES5浏览器,而ngIf指令依赖ES6语法,因此需要在代码中注入polyfills。

以下是解决方案的代码示例:

  1. 安装所需的polyfills

npm install --save classlist.js npm install --save web-animations-js npm install --save @webcomponents/custom-elements

  1. 在polyfills.ts文件中导入所需的polyfills

import 'classlist.js'; import 'web-animations-js'; import '@webcomponents/custom-elements';

  1. 在main.ts文件中使用polyfills

import './polyfills';

  1. 在.angular-cli.json文件中设置polyfills

{ "apps": [ { "polyfills": [ "polyfills.ts", "vendor/custom-elements-es5-adapter.js" ] } ] }

通过以上步骤,在IE11浏览器中使用ngIf指令会正常工作,页面渲染异常问题也会得到解决。

相关内容

热门资讯

总算了解!佛手在线大菠萝为什么... 总算了解!佛手在线大菠萝为什么都输(辅助挂)好像存在有挂(有挂秘籍)1、用户打开应用后不用登录就可以...
玩家必备科技!wepoker辅... 玩家必备科技!wepoker辅助软件视频(辅助挂)总是是真的有挂(有挂透视)一、wepoker辅助软...
今日重大通报!hh poker... 今日重大通报!hh poker插件下载(辅助挂)真是真的有挂(有挂分析)1、完成hh poker插件...
今日头条!聚星ai辅助工具下载... 今日头条!聚星ai辅助工具下载(辅助挂)原来是有挂(有人有挂)1、首先打开聚星ai辅助工具下载辅助器...
记者揭秘!wepoker辅助软... 记者揭秘!wepoker辅助软件视频(辅助挂)切实存在有挂(有挂分析)1、该软件可以轻松地帮助玩家将...
一分钟揭秘!wepoker轻量... 一分钟揭秘!wepoker轻量版辅助(辅助挂)一贯是真的有挂(有挂方式)1、每一步都需要思考,不同水...
2024教程!wepoker免... 2024教程!wepoker免费脚本弱密码(辅助挂)原来有挂(有挂教程)1、金币登录送、破产送、升级...
重大通报!wpk刷入池率脚本(... 重大通报!wpk刷入池率脚本(辅助挂)真是是真的有挂(果真有挂)1.wpk刷入池率脚本 选牌创建新账...
一分钟了解!pokemmo脚本... 一分钟了解!pokemmo脚本辅助器下载(辅助挂)确实真的是有挂(真的有挂)1、完成pokemmo脚...
总算了解!pokerworld... 总算了解!pokerworld软件(辅助挂)果然是真的有挂(有挂方针)1、每一步都需要思考,不同水平...