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指令会正常工作,页面渲染异常问题也会得到解决。

相关内容

热门资讯

详细透视!sohoo竞技联盟辅... 详细透视!sohoo竞技联盟辅助器,微信小程序微乐修改器,技法教程(有挂存在)-哔哩哔哩1、soho...
推荐透视!sohoo竞技联盟辅... 推荐透视!sohoo竞技联盟辅助器!竟然是真的有辅助方法(今日头条)-哔哩哔哩一、sohoo竞技联盟...
揭露透视!佛手在线是不是有挂!... 揭露透视!佛手在线是不是有挂!本来有辅助技巧(证实有挂)-哔哩哔哩;亲,关键说明,佛手在线是不是有挂...
揭露透视!wepoker怎么设... 揭露透视!wepoker怎么设置房间,淘宝的微乐辅助是真的吗,要领教程(有挂神器)-哔哩哔哩亲,关键...
专业透视!约局吧开挂!一贯一直... 专业透视!约局吧开挂!一贯一直都是有辅助神器(有挂解密)-哔哩哔哩1)约局吧开挂辅助插件:进一步探索...
了解透视!wpk显示有作弊,微... 了解透视!wpk显示有作弊,微乐家乡官方app下载,法子教程(有挂方法)-哔哩哔哩运wpk显示有作弊...
详情透视!德州之星扫描器!好像... 详情透视!德州之星扫描器!好像一直总是有辅助软件(有挂总结)-哔哩哔哩德州之星扫描器能透视中分为三种...
关于透视!竞技联盟透视,微乐自... 关于透视!竞技联盟透视,微乐自建房脚本最新版本更新内容,操作教程(有人有挂)-哔哩哔哩1、许多玩家不...
曝光透视!wepoker安装教... 曝光透视!wepoker安装教程!切实一直总是有辅助工具(真的有挂)-哔哩哔哩1、wepoker安装...
了解透视!哈糖大菠萝助手,微乐... 了解透视!哈糖大菠萝助手,微乐游戏小程序辅助器免费,模块教程(有挂方针)-哔哩哔哩;1、在哈糖大菠萝...