[转]AngularJS兼容IE的处理(官方文档不全面)

最新推荐文章于 2025-09-06 16:16:54 发布

转载最新推荐文章于 2025-09-06 16:16:54 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/code/articles/3318459.html

文章标签：

#json

本文介绍了在使用AngularJS开发应用时遇到的IE6、7兼容性问题，并提供了解决方法。通过在HTML标签中添加特定属性，结合引入JSON2和HTML5兼容性JS文件，实现AngularJS在旧版IE浏览器上的正常运行。

最近在学些AngularJS，感觉挺强大的。
但是如果想投入到生产环境中，还需要考虑到IE6,7的兼容问题。

官方文档提到如何兼容IE了，但是即使全部按照文档里说的做，其实还是不能做到在IE6,7下运行。

经过各种实践，在这里给出一个补充:
需要在html标签上添加id=”ng-app”和class=”ng-app:APPNAME”,于是一个标准的ng-app的标签应该是：(app名为myapp为例)

##注意下面的“HTMLTAG”必须是合法的html标签，永远不要使用自定义标签，否则依然不兼容IE
<HTMLTAG ng-app="myapp" class="ng-app:myapp" id="ng-app">
   ....
</HTMLTAG>

这样就行了，以上是唯一的和官网说明不同的地方.

另附官网文档所说的让IE兼容JSON2和HTML5标签的JS在这，直接引用进head标签里就行了里就行了(这两个JS也是必要的)

<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>

随便做了一个demo，兼容IE67:
http://tools.regou.me/angularJS.html

2013.6.22更新
目前我在正式的生产环境中，用AngularJS+jQueryMobile+PhoneGap在做一个B2B商城APP
分享了点AngularJS用户手机APP开发的心得：
blog.regou.me/?p=790

原文地址：http://blog.regou.me/?p=739

转载于:https://www.cnblogs.com/code/articles/3318459.html