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

Angular2页面已更新,但不在IE中

显示更新后的内容,如何解决这个问题?

答:要解决Angular2页面在IE中不显示更新后的内容的问题,可以尝试以下几个步骤:

  1. 确认浏览器版本:首先,确保使用的是最新版本的IE浏览器。Angular2对于旧版本的IE可能存在兼容性问题,因此升级到最新版本可以解决一些已知的兼容性问题。
  2. 检查polyfills配置:Angular2使用polyfills来提供对一些新特性的支持。在Angular2项目中,可以通过polyfills.ts文件来配置需要的polyfills。确保polyfills.ts文件中包含了适用于IE浏览器的polyfills配置。
  3. 检查ES5转译配置:Angular2默认使用TypeScript编写,并且可以通过编译将TypeScript代码转译为ES5代码。在tsconfig.json文件中,可以配置ES5转译选项。确保在IE中运行的版本中,tsconfig.json文件中的target选项设置为"es5",以确保生成的代码在IE中能够正常运行。
  4. 检查IE兼容性模式:有时候,IE浏览器可能会以兼容性模式运行,导致一些新特性无法正常显示。可以通过在HTML文档的头部添加<meta>标签来指定IE的文档模式,例如:<meta http-equiv="X-UA-Compatible" content="IE=edge">。这样可以确保IE以最新的标准模式运行。

如果以上步骤都没有解决问题,可以尝试以下额外的措施:

  1. 调试工具:使用IE浏览器的开发者工具进行调试,查看是否有任何错误或警告信息。可以通过F12键打开开发者工具。
  2. 兼容性问题排查:检查Angular2中使用的特性、库或框架是否与IE浏览器存在兼容性问题。可以查阅相关文档或社区讨论,了解是否有已知的兼容性问题,并尝试找到解决方案。

总结起来,解决Angular2页面在IE中不显示更新后的内容的问题,需要确保浏览器版本、polyfills配置、ES5转译配置和IE兼容性模式设置正确,并进行调试和兼容性问题排查。如果问题仍然存在,可以进一步查阅相关文档或寻求社区支持来解决。

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

相关·内容

为生产环境编译 Angular 2 应用

未经优化的应用 根据 Angular2 官方的 QuickStart 快速创建一个 Hello Angular 应用, 在没有任何优化的情况下, 运行情况如下图所示: ?.../node_modules" ], "types": [ ] }, "files": [ "app/main-aot.ts" ] } 在 Angular2 应用..., 包含了一个即时编辑器 (JIT) , 在预编译好的应用不是必需的, 使用 Angular2 的 AOT 编译可以移除即时编译器 (JIT) , 因此需要先安装 Angular 的编译器: npm...同时 index.html 也另存为 index-aot.html , 也做相应的修改, 不在加载 system.js , 改为直接使用最终的 aot 脚本: <!...npm run ngc -- -p tsconfig-es2015.json 这一步将会生成一系列 *.ngfactory.ts *.module.metadata.json 临时文件, 可以更新

1.2K30

Angular 13 发布:全面弃用 View Engine

此版本核心更新包括不再支持旧编译和渲染引擎 View Engine,全面支持新编译和渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改...结束对 IE11 的支持 结束 IE11 的支持后: Angular 可以通过原生的 Web API 使用更现代浏览器功能; 可以删除 IE 特定的 polyfills 和代码路径使得应用程序更小,...Angular JS 是一个应用设计框架与开发平台,使得开发现代的单页面应用程序(SPAs:Single Page Applications)变得更加容易: AngularJS 把应用程序数据绑定到 HTML...Angular 是 AngularJS 的重写,Angular2 以后官方命名为 Angular,2.0 以前版本称为 AngualrJS。...目前,Angular 在前端框架占据重要地位,经过严格测试已由 Google 和 Microsoft 等公司投入生产使用,相关线上资源也十分丰富。

2.7K20

【开发指南】(六)Ionic3从目录结构理解开发

ionic的命令行生成为原始的静态html页面,并存放在www目录(见上图所示),也就是说www在开发过程是不需要理的,可以任意删除。...,其中页面和脚本等因为是本地的就不需要网上加载,在数据加载过程中就已经可以看到页面,等数据加载完成自动局部刷新页面即可,这就是ionic的运行机理,也是混合式应用的其中一种常见套路。...然而,如果只是本地网页这么简单的话,它和在线网页的没啥区别,只是速度会快些而已,作为混合式应用,调用原生功能是最基本的要求。...android ~6.2.2 blackberry10 ~3.8.0 (deprecated) browser ~4.1.0 osx ~4.0.1 webos ~3.7.0 plugins:安装的...那自然是后者好点,所以基于配置的概念在ionic无处不在,而上述的所有目录及文件,我们几乎只需动config.xml、package.json、src。

2.7K10

实战 | Change Detection And Batch Update

特别是当页面功能过于复杂时,我们既要关注数据的变化,又要维护DOM的更新,这样写出来的代码是很难维护的。...React是连续更新两次,还是只更新一次呢?为了更好的观察出React的更新机制,我们将点击按钮的逻辑换成下面的代码: 打开控制台,点击按钮你会发现打印了0 0,同时页面数据也更新成了2。...如果仔细观察的话,你会发现上面的输出符合一个规律:在React调用的方法连续setState走的是批量更新,此外走的是连续更新。...Angular2 当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2...Angular2更新机制大体如下: ngZone是对Zone.js的服务封装,Angular2会在每个task执行结束后触发更新

3.2K20

Angular2、Ionic、TypeScript、es6的关系?

自从接触angular2以来,组长就提到了3个对于我来说是新东西的东西: angular2 typescript es6 ionic 其实对于这3个东西来说,我根本搞不清楚他们之间的关系,突然之间意识到...比如在Angular2,用TypeScript明显好于ES6。 -- 某网友 TypeScript的开发者c#之父,所以这个TypeScript的很多语言特性是从c#移过来的。...推送设备的更新换代。 就好像我们公司的同事们还在绞尽脑汁的思考怎么支持ie6一样,我们不能总是这样,要推新技术,那么老设备的淘汰就不可避免,所以必须强烈推进这一点。...错误更正 由于之前错误的把decorator解释为注解,那么下面就Angular2 的Annotation和Decorator之间做一个简单的对比性学习。...事实并非如此。从消费者的角度来看,一个Decorator确实看起来像我们所知道的“AtScript Annotation”。但有一个显著差异。你需要负责装饰你的代码。

5.2K30

Change Detection And Batch Update

特别是当页面功能过于复杂时,我们既要关注数据的变化,又要维护DOM的更新,这样写出来的代码是很难维护的。...({val: 2}); console.log(this.state.val); 打开控制台,点击按钮你会发现打印了0 0,同时页面数据也更新成了2。...如果仔细观察的话,你会发现上面的输出符合一个规律:在React调用的方法连续setState走的是批量更新,此外走的是连续更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2更新没有副作用...小结 由于Zone.js的存在,我们可以在任何场景下更新数据而无需手动调用检测,Angular2也是批量更新。 Vue ?

3.7K70

Change Detection And Batch Update

特别是当页面功能过于复杂时,我们既要关注数据的变化,又要维护DOM的更新,这样写出来的代码是很难维护的。...({val: 2}); console.log(this.state.val); 打开控制台,点击按钮你会发现打印了0 0,同时页面数据也更新成了2。...如果仔细观察的话,你会发现上面的输出符合一个规律:在React调用的方法连续setState走的是批量更新,此外走的是连续更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2更新没有副作用...小结 由于Zone.js的存在,我们可以在任何场景下更新数据而无需手动调用检测,Angular2也是批量更新。 Vue ?

3.3K40

为什么现在的开发者总是拿 Vue.js 和 JavaScript 巨头 Angular、React 比较?

它只是一个 UI 层,所以你可以将其作为页面的一个功能来使用,而非一个完整的 SPA。”Vue Technology LLC 创始人 Evan You 如是说。...和 Angular2 相似,Vue 也支持“双向数据绑定”。但是,Vue 使用的是单向数据流,默认数据流向是从父组件到子组件,这样在大型应用能够更容易理清数据流向。...同时,如果某些 watcher 触发了另一个更新,为了确保稳定会多次运行 digest cycle。...因为 Vue.js 可以纵向扩展,所以你也可以学习一些更新工具和最佳实践。...:作用域篇 掌握Chrome开发工具:新一代前端开发技术 WEB前端性能优化常见方法 在 Vue 创建自定义输入 干货:CSS 专业技巧 四步实现React页面过渡动画效果 理解CSS模块化 ---

1.9K30

【开发指南】(三)认识ionic3

三者对比,原生开发性能高,相应兼顾多个平台的开发成本、维护成本也高;加壳在线WebApp反之,开发方便性能和功能有很大局限性;而混合式应用介于中间,兼具优缺点。...由于AngularJS 1.x版本在性能上已经很难有较大提升,后来微软和google联合推出了全新设计的基于TypeScript的Angular2,这是对于原始版本完全的重写。...等到angular2更新到了一定版本,一些依赖库分属于2和3,为了便于版本的统一管理,直接跳到了angular4,其实angualr2和4两者的变化不算太多。相应的ionic2也同步升级到3。...angular4更新来查看。...@IonicPage装饰器 ionic2导航器不是基于url的,如果想使用url访问就要通过DeepLinker来实现,这是比较麻烦的,而在新版本可以通过@IonicPage装饰器来实现。

2.7K40

ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

多个月以来,我和多个Github上的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主在ASP.NET Core项目中...快速构建:对于开发来说,你不需要再等待再每次更改之后,webpack去重新解析第三方代码,因为第三方类库将会独立到另外的一个bundle,另外,超快速的构建包含了所有的map文件便于调试,再发布版本的文件却将直接输出压缩版本...,再发布过程,这些工作将自动完成。...意义并不在于让支持哪些不运行javascript的浏览器,它只是一种极端情况而已(如果为了这种极端情况,那还为什么要建立一个SPA应用呢?)...假如你不想使用预加载,可以通过移除在Views/Home/Index.cshtml的app标签的asp-prerender-module属性来禁用它。

3.3K60

Angular 2 + 折腾记 :(2)初步认识angular2,不一样的开发模式

---- 基础概念 国内的官网--基础 词汇表(又名计算机术语--angular2 & es6 & es7) 速查表:又名demo写法表,里面涵盖了很多写法,相当于一本小字典 关于ng2的一堆为什么:...对应的国际官网 GLOSSARY CHEAT SHEET NGMODULE FAQS ARCHITECTURE OVERVIEW 英文水平比较好的推荐国际官网,这边的API更新很及时 ---- angular-cli...enableProdMode(); } // 引导程序启动 platformBrowserDynamic().bootstrapModule(AppModule);复制代码 polyfill.ts : 要兼容到ie10.../app.component.html', // 组件关联的html页面 styleUrls: ['....index = index意思是创建一个局部遍历把当前遍历的索引保存到你的自定义变量index 动态渲染(*ngIf) *ngIf="item" : 比如loading到视图全部渲染就经常用到这个,当前不在乎低版本的可以用

6.2K20

干货 | 前端阶段性总结之「框架相关」那些事

不只是Angular1到Angular2的重新设计,甚至是Angular2自身的更新也不全兼容。但不得不说,虽然对用户不是非常友好,其实仔细品味的话,Angular有很多很棒的理念和设计的。...目前来说,收集的更多是Angular1的一些文章吧,感觉多数都不是很完整的,那这里本骚年就简单分享一下使用的演进吧。...另外一个就是,Vue的话html+js+css是写在一个文件,封装成组件的,这对于有些目录组织管理不好的人来说,可能还比较方便的哈哈。...一般来说,路由都是通过history API进行监听和读写,具体大家可以看看这篇《Web开发 前端路由 实现的几种方式和适用场景》。...因为现在其实不只是前端吧,各个层面都是在不断地进行革命,不如学会在骄躁脚踏实步吧。 文章来源:腾讯工程师 王贝珊

93620

(1)Angular的开发

ReactNative、Node.js、Angular.js、RXjs等技术 H5视频直播 ReactNative应用 JavaScript的新语法 高性能服务端框架 Webpack支撑大规模应用开发 Angular2...loadstart 浏览器开始在网上寻找媒体数据 durationchange 播放时长被改变 loadedmetadata 浏览器获取完毕媒体的时间长和字节数 loadeddata 当前帧的数据已经加载,没有足够的数据来播放指定音频...canpalythrough 当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的视频时,会触发 playing 当视频在已因缓冲而暂停或停止后就绪时,会触发 timeupdate 当目前的播放位置更改时会触发...webRTC 视频播放端 flash native 视频服务器端: nginx html5使用基于HLS协议 PC端使用flash基于RTMP协议 视频的评论利用...translateX位移 利用css3的transition-duration控制弹幕速度 文字碰撞和重叠检测 websocket实时获取弹幕数据 视频直播性能 视频首屏打开耗时 视频的延迟 直播页面的交互性能

1.3K40

为什么说Web开发和Vue.js是如此的有趣?

我在SharePoint的经验并不特别:用GUI、工作流等设计页面这个不是我理想的工作,而是为了生活不得不做的工作。 当我刚开始的时候,我接触过像我过去做过的任何类似的项目。...幸运的是,使用数据库的经验使我能够以规范化的方式设计列表,似乎缺乏用户界面方面的功能。在SharePoint设计器,即使修改了底层ASP,某些效果也很难实现。...我们得出的结论是,在浏览器运行Babel也会降低性能。考虑到这些条件,React、Ember和Angular2 +是不可行的选项。 我们没有认真考虑AngularJS(1)。...另外,没有太关注在IE9 +使用vue.js,而IE不支持模板。 响应性 事实上,我可以对我们的模型进行更改,它会自动更新页面上的内容,这也是为什么让我觉得angular.js好用的原因。...使用watchers,这种响应扩展到执行操作不一定与页面上发生的事情相关。 组件 虽然你不使用组件也可以利用Vue的响应和模板,组件化的体系结构的实现是真的很有趣。

2.1K10
领券