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、微乐自建房辅助工具免费脚本咨...
盘点一款!微信雀神麻将挂件开挂... 盘点一款!微信雀神麻将挂件开挂辅助,微乐家乡麻将自建房辅助app(开挂自建房)插件1、让任何用户在无...
重大发现!微乐自建房辅助工具挂... 重大发现!微乐自建房辅助工具挂,微乐家乡麻将自建房辅助app(开挂自建房)app1、任何微乐家乡麻将...
盘点一款!微乐自建房辅助工具神... 盘点一款!微乐自建房辅助工具神器,微乐小程序免费黑科技(开挂自建房)app;1、这是跨平台的微乐自建...
大家学习交流!微乐自建房辅助工... 大家学习交流!微乐自建房辅助工具免费app,微乐家乡麻将自建房辅助app(开挂自建房)脚本1)微乐家...
教学盘点!微信雀神麻将挂件开挂... 教学盘点!微信雀神麻将挂件开挂辅助,微乐家乡麻将自建房辅助app(开挂自建房)插件进入游戏-大厅左侧...
带你了解!微信卡五星辅助器,微... 带你了解!微信卡五星辅助器,微乐自建房脚本免费入口(开挂自建房)攻略;1、下载好微信卡五星辅助器正确...
总算了解!微乐自建房辅助工具脚... 总算了解!微乐自建房辅助工具脚本,微乐自建房脚本免费入口(开挂自建房)技巧;一、微乐自建房辅助工具脚...
玩家必备教程!微乐自建房辅助工... 玩家必备教程!微乐自建房辅助工具,微乐小程序免费黑科技(开挂自建房)器1、玩家可以在微乐自建房辅助工...
记者爆料!微信卡五星辅助器,微... 记者爆料!微信卡五星辅助器,微乐自建房脚本免费入口(开挂自建房)软件1、点击下载安装,微信卡五星辅助...