一.概览
如果你要让你的AngularJS应用兼容IE8和IE8以下的版本的话,你需要做一些特殊处理。
二.简易版
要让你的AngularJS应用在IE中正常运行你必须:
a.确保JSON字符串能被正常解析(IE7需要),你可以使用JSON2或者JSON3来实现。
b.不能使用自定义的元素标签,如<ng:view>(你只能使用属性的形式,如<div ng-view>)
或者
c.如果你用了自定义的标签名,那你必须按照以下步骤做才能保证IE正常运行:
<htmlxmlns:ng="http://angularjs.org"><head><!--[if lte IE 8]> <script> document.createElement('ng-include'); document.createElement('ng-pluralize'); document.createElement('ng-view'); // Optionally these for CSS document.createElement('ng:include'); document.createElement('ng:pluralize'); document.createElement('ng:view'); </script> <![endif]--></head><body>...</body></html>
其中重要的部分是:
xmlns:ng:命名空间,你需要为你使用或者准备使用的每一个自定义标签准备一个命名空间。
document.createElement(你的标签名) :自定义标签的创建,因为这只是老版本IE的一个问题,所以你需要根据情况使用。对于每一个你没有使用命名空间或者HTML中没有定义的标签,你需要预先声明它彩色能使IE正常工作。
三.详细版
IE处理非标准标签名会产生问题。问题可以分为两类,每类都有自己的解决方法。
a.如果标签名是以my:前缀开始的: 这会被当成是一个XML的命名空间,并且必须使用`来声明。
b.如果标签没有:符号,但它又不是一个标准的HTML标签。那么就必须预先使用document.createElement('my-tag')来创建它。
c.如果你准备使用css选择器来对自定义标签添加样式,那么你就必须先用document.createElement('my-tag')来创建一下,不管有没有XML命名空间。
相关推荐
AngularJS是google新出来的DOM绑定前端技术,在简单易用的情况下也带来了兼容性的问题,按照普通的使用方式,Angularjs标签在IE7及IE7以下浏览器无法识别,本小项目虽小,却包含解决兼容的方法,欢迎大家下载,有不...
angularjs兼容性测试IE7
项目需要、在网上查找angularjs支持ie低版本的问题(主要是windows7下只有IE8)整理了一个小demo 主要两点 1、ng-app="myApp" id="test11" 加上id="XXX" 加入以下代码注册到页面上 angular.element(document)....
前端项目-angularjs-ie8-build,使用polyfils构建AngularJS 1.3并进行一些更改以恢复IE8兼容性
本文主要介绍AngularJs IE Compatibility 兼容老版本IE的问题及解决办法,有兴趣的小伙伴可以参考下
主要介绍了测试IE浏览器对JavaScript的AngularJS的兼容性的方法,尽管随着Windows10的近期上市,IE浏览器即将成为历史...需要的朋友可以参考下
angularjs兼容ie浏览器使用的js,包含.json3.min.js,respond.js, respond.min.js,html5shiv.min.js
AngularJS ionic 浏览、显示、图片,图片缩放代码 亲测,在iphone,windows,android均支持
主要介绍了AngularJS在IE下取数据总是缓存问题的解决方法,分析了问题的原因及AngularJS设置禁止IE对ajax缓存的实现方法,需要的朋友可以参考下
AngularJS-过滤器AngularJS 的过滤器项目
AngularJS by Example,AngularJS Web Application Development Cookbook,Apress.Pro.AngularJS.
两本书的pdf:AngularJS中文版+精通AngularJS,提供方式:百度云链接+密码
AngularJS_权威教程.pdf AngularJS_深度剖析与最佳实践.pdf
angularjs 1.6从0开始环境搭建,路由配置,封装请求,封装指令,注入服务。
NULL 博文链接:https://bijian1013.iteye.com/blog/2391821
├最新AngularJS开发宝典—第002讲 模块、控制器、视图模型、双向数据绑定模型、双向数据绑定.mp4 ├最新AngularJS开发宝典—第003讲 MVVM双向数据绑定图例分析(1).mp4 ├最新AngularJS开发宝典—第004讲 声明模块与...
并通过丰富的开发实例向读者展示了构建复杂应用的完整过程,包括学习使用AngularJS特有的基于DOM的模板系统,实现复杂的后端通信,创建漂亮的表单,制作导航,使用依赖注入系统,提高Web应用的安全性,使用Jasmine...
generator-angular, AngularJS的文书生成器 AngularJS发生器 用于AngularJS的文书生成器- 允许你快速设置具有合理默认值和最佳实践的项目。创建新的Angular 单页应用程序有许多起点,除这里之外。 你可以在 Yeoman....