首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE11上的Angular 4动画无法正常工作

是因为IE11不支持某些现代的Web标准和技术,而Angular 4动画依赖于这些技术。解决这个问题的方法是使用Angular的polyfills来填充IE11不支持的功能。

具体来说,可以按照以下步骤解决该问题:

  1. 确保已经安装了Angular的polyfills。Polyfills是一组JavaScript代码,用于在不支持某些功能的浏览器上模拟这些功能。可以通过在项目的polyfills.ts文件中引入所需的polyfills来实现。在Angular 4中,polyfills.ts文件位于src/polyfills.ts。
  2. 在polyfills.ts文件中,确保以下polyfills被启用:
    • core-js/es6:提供ES6的功能支持。
    • core-js/es7/reflect:提供反射API的支持。
    • zone.js/dist/zone:提供Zone.js库的支持,用于跟踪异步操作。
  3. 确保在项目的tsconfig.json文件中,target属性设置为"es5",以确保生成的JavaScript代码与IE11兼容。
  4. 如果仍然无法正常工作,可以尝试使用Angular的Web Animations API polyfill。在polyfills.ts文件中,确保以下polyfill被启用:
    • web-animations-js:提供Web Animations API的支持。

通过以上步骤,可以解决IE11上Angular 4动画无法正常工作的问题。在解决问题的过程中,可以使用腾讯云的云服务器(CVM)来搭建开发环境,并使用腾讯云的对象存储(COS)来存储项目文件。腾讯云还提供了丰富的云计算产品和服务,可根据具体需求选择适合的产品。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

解决 requests 库中 Post 请求路由无法正常工作问题

解决 requests 库中 Post 请求路由无法正常工作问题是一个常见问题,也是很多开发者在使用 requests 库时经常遇到问题。本文将介绍如何解决这个问题,以及如何预防此类问题发生。...问题背景用户报告,Post 请求路由在这个库中不能正常工作。用户使用了 requests 库,并遇到了问题。用户还提供了详细错误信息和系统信息。...,用户试图通过 requests 库发送一个 Post 请求到 API 端点,但是请求无法成功。...用户已经确认使用了正确请求方法和参数,但是仍然无法解决问题。...这些信息可以帮助我们找出问题原因。错误信息和系统信息是解决任何问题关键。错误信息通常包含问题具体描述,例如错误类型、错误代码、错误原因等。

38420

移除 View Engine 转用 Ivy,盘点Angular 12重要更新

移除 View Engine,转而使用 Ivy 从去年开始,Angular 就开始默认使用新渲染和编译工作管线 Ivy。...事实,从 Angular 9 开始,新 Angular 应用程序就默认启用 lvy。...由于 View Engine 函数库存在,Angular 暂时还无法移除旧实例化,这导致维护成本不断增加,Angular 整体发展速度也被拖慢。...默认情况下,CLI 将启用严格模式以捕捉开发早期各种错误。 Webpack 5 模块捆绑器现已实现生产就绪。 不再支持 IE11 浏览器。 对于编译器,新版本提供转换组件样式资源支持能力。...在动画方面,当用户删除 root 视图时,现在可以正确删除其中 DOM 元素。这是一项重大变化。 为了提高性能,新版本删除了 DomAdapter 中多种未使用方法。

4.4K10

Ionic4兼容IE浏览器处理

在一般场合,Ionic4运行在手机端,没必要去兼容IE,但还是可以了解一下,以免有这样需求。 Ionic4,它更趋向于一个UI框架,然后可配套Angular、React、Vue等框架使用。...以Angular版本为例,兼容IE浏览器,主要是JS+CSS语法和用法调整处理。 1. JS,可以使用内置Polyfill方案。...Angular项目默认提供了Polyfill支持,打开Ionic4项目中src目录,里面有自动生成polyfill.ts文件,打开可以看到这样内容: /**********************...If you use AOT (and only Angular decorators), you can remove. import 'core-js/es7/reflect'; 为了减轻打包大小...重新编译运行,可以看到原来在IE浏览器提示脚本错误都消失了,页面能正常运行,只是样式可能会有点变形。 2.

1.5K20

Angular 13 发布:全面弃用 View Engine

作者 | 阎园园 当地时间 11 月 4 日,Angular 团队宣布 Angular 13 发布。...此版本核心更新包括不再支持旧编译和渲染引擎 View Engine,全面支持新编译和渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改...结束对 IE11 支持 结束 IE11 支持后: Angular 可以通过原生 Web API 使用更现代浏览器功能; 可以删除 IE 特定 polyfills 和代码路径使得应用程序更小,...需要注意是,现有项目仍需支持 IE11 用户开发者可继续使用 Angular 12,Angular 12 版本将一直维护到 2022 年 11 月 。...但是从学习角度说,Angular 学习曲线最为陡峭,开发者需熟悉 TypeScript 才能开展工作,对于新手而言并不是最佳选择,更适合在团队中发挥作用。

2.8K20

Angular2 返回时组件生命周期函数不被调用解决方法

这两天使用 Angular2 遇到一个 @angular/router bug: 症状 @angular/router 版本 3.0.0-beta.2 使用 safari 浏览器,iOS 都可以...打开 Angular2 官方范例项目 点击导航栏 Heroes 转到 Heroes 列表页面 后退回到 Dashboard 页面,正常情况下应该有的四个 Heroes 没有出现 桌面 safari...或 iOS 都可以,使用 router 导航到一个新页面,然后后退,原页面 Component 生命周期函数不会被调用,导致页面表现不正常。...解决方法 已经有人修复了:fix(router): back button does not work in IE11 and Safari 但至本文成文还没有更新到最新 router npm 模块里...临时应急的话可以自行修改项目目录下node_modules/@angular/router/src/router.js 282 和 284 行即可 this.locationSubscription

1.8K40

在线听歌房源码 - MKOnlineMusicPlayer V2.21

更新日志 v2.2 2017/3/26 用户歌单获取时新增加载中动画及遮罩,防止重复加载 修复中等屏幕下鼠标滑过tab边框消失bug 修复某些情况下第一句歌词无法渲染bug 修复在...v2.0 Beta 2017/3/18 所有代码均推翻重写,前端界面全新改版 完善对手机端适配,新支持 IE9~IE11 浏览器 修复 IE11 下点击下载歌曲名字乱码BUG 新增...,因此本播放器 api.php 在海外空间可能无法运行(其实有个“你懂功能,请自行挖掘),建议在国内空间使用。...2、关于兼容性 本播放器设计支持 IE9及以上现代浏览器。并且已在 Chrome、firefox、IE11 等浏览器测试使用正常。...4、关于歌曲 播放器中采用了 网易云音乐(http://music.163.com/) api,因此相对应歌曲版权归网易云音乐所有。支持正版音乐,请使用官方版网易云。

3.5K30

记几处原生JS开发 原

年后换工作,一直不稳定,我就没有正式写过程序,博客也荒芜了。最近才正式接手工作,遇到很多奇葩领导,总有很多奇葩想法和理念。比如不让用jquery,不过要求兼容ie11和chrome ff,就行。...高亮后,IE11非常的卡,无法滚动,按F12查看性能,要2秒多去渲染一屏,这和JS无关了。我以为是元素过多,IE性能太差原因。后来偶然把prism.css文件去掉,结果瞬间显示出来。....namespace { opacity: .7; /*该行引起IE11性能极大下降,禁用!*/ } 1、IE11不允许classList.add 多个参数。...3、获取窗体滚动条位置,IE11不支持window.scrollY,需要去其它属性找。...解决办法:window.scrollY || window.pageYOffset || document.documentElement.scrollTop 4、在IE11里访问iframe时,document.getElementById

2.1K20

15 个有意思 JavaScript 和 CSS 库推荐! 你用过几个?

该插件检测光标进入或离开块时方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用CSS动画,让你可以轻松创建自己CSS动画。 Carbon ?...该库可以在浏览器中工作,也可以在node.js环境中工作。 Jarvis ? 一款基于Webpack仪表板智能浏览器,它可以给你显示你在webpack构建所需所有重要信息。...它包含12列响应式网格、不同排印风格、自定义输入、三种按钮类型以及CSS框架应该提供所有功能。Lit适用于所有现代浏览器,以及IE11等一些较旧浏览器 Minimal Mistakes ?...它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要是,它非常轻量级,并且具有非常详细文档,你可以在其中找到所需一切。...SweetAlert2是高度可定制,100%响应式并且在所有屏幕尺寸都能有很好显示效果。使用SweetAlert2 你可以创建各种不同拥有惊艳风格、显示效果和动画弹出框。 Rekit ?

1.9K00

Angular 11 正式发布,放弃对IE 9、10支持!

2、Angular 11.0.0 放弃了对 IE 9 、10 和IE移动版支持。IE11是目前唯一一个仍由Angular支持IE版本。...其余更新信息,根据Angular官方博客描述,主要有以下几点: (1) 更新 Operation Byelog(Updates on Operation Byelog) 对社区提出问题进行了分类处理...(4) 改进系统报告和日志(Improved Reporting and Logging) 对构建器阶段报告进行了更改,使其在开发过程中更加有用。...(7) 更快构建速度(Faster Builds) 使用 TypeScript v4.0之后让编译变得更快速。安装依赖项时,ngcc 更新过程也将提高 2-4速度。...如果想了解更多具体信息,可以直接上官网查看或者查看更多变更日志,访问地址如下: https://www.angular.cn/ https://github.com/angular/angular/

2K20

Angular教程】组件动效u002F动态组件u002F视图封装模式

前言: 这一篇我们一起来了解一下和组件相关其他几个概念,上手开发Angular项目还是难免遇到了很多坑,工作之余的话也准备整理一下。希望可以坚持吧,初识Angular,不当之处还请指正。...正文: 组件动效 Angular默认动画模块使用事Web Animations规范,需要注意兼容问题。...兼容查看 按照惯例使用前需要导入对应模块,我们这里需要用到动画模块BrowserAnimationsModule 模块地址: @angular/platform-browser/animations...,代码中星号表示状态不可见, void表示任意状态,这两个状态均为内置 进场动画: * => void 出厂动画: void => * keyframes: 定义我们动画关键帧 将我们编写动画加到组件吧...None: 样式会加载到全局,无作用域,无法达到隔了效果,容易发生意外情况。

90440

Cocos Creator 出新版本啦, 2.1.2 圆形Shader终于可以完美解决了!

) 修复压缩纹理配置 Quality 为 100,打包无法输出图片文件问题 修复脚本移动或重命名后可能会报错问题 修复动画编辑器设置节点 z 值无效问题 优化了 动画编辑器 在组件、资源等状态发生变化时错误处理...,场景无法正常打开问题 修复 RichText 或 Label 组件在编辑器中填入文本被自动换行后,有可能会在行首生成一个空格问题 修复层级管理器和资源管理器合并到同一个面板时,内容显示不全问题...Engine 修复场景延迟加载资源会导致 3D 模型无法显示问题[#5071] 修复某些 3D 骨骼动画渲染不全问题 [#5349] 修复引擎初始化时可能出现 "requestAnimFrame...[#1800] 修复 VideoPlayer 在 Android 播放时锁屏再进入会卡死问题[#1811] 修复 cc.sys.languageCode 在 Android 无法获取完整语言地区码问...Node 进行缩放问题[#5088] 修复 Edge 和百度浏览器不能播放音频问题[#4910] 修复桌面端 Chrome 和 Safari 音频可能无法播放问题[#4991] 修复桌面端

3K30

云HIS系统源码

源码大家都知道就是可以用来做二次开发做任何改动代码,一般购买源码都是考虑到后期会做二次开发有增加修改功能模块等需求,没有源码是无法实现。本套云HIS就是提供整套源码,满足项目二次开发需求。...图片云HIS系统采用云端SaaS服务方式提供,使用用户通过浏览器即能访问,无需关注系统部署、维护、升级等问题,系统充分考虑了模板化、配置化、智能化、扩展化等设计方法,覆盖了基层医疗机构主要工作流程...1、用户主机要求:根据运行需要,建议最低配置CPU双核3.0GHZ,内存4G,显示器19寸,win7系统用户主机。...2、浏览器要求:IE11,Edge,Chrome,360浏览器极速模式,搜狗浏览器极速模式,QQ浏览器极速模式。3、屏幕分辨率:建议设置为1920*1080。...图片开发技术:前端:Angular+Nginx后台:Java+Spring,SpringBoot,SpringMVC,SpringSecurity,MyBatisPlus,等数据库:MySQL + MyCat

3.2K30

NG2&4折腾记 --- 记NG2升级NG4 RC1之修正问题跑起来

> ---- 问题2: 动画已经独立出一个专门模块 信息来源:官方文档,及手动不信邪尝试【动画一些引入已经不包含在@angular/core】了; 解决方案: 手动搜索引入动画页面,还好之前有过分离一下...先把动画模块安装上 cnpm install -S @angular/animations; [-S : save ] // 2.在根模块注入相关模块(app.module.ts) import...之后和平时使用动画差不多,在需要地方引入相关指令,接口什么 import { trigger, state, style, transition, animate } from '@angular...,动画什么也正常了,等会回退下。...模块扁平化,rolluptree-shaking特性,没使用到模块不再打包进去 支持ES2015模块化写法进行扁平化 ---- 总结 正式项目还是不推荐升级到ANGULAR 4 RC1哈,反正下个月正式版就发布了

44510
领券