angular.js，IE7,8,9兼容性的处理

这段时间详细了解了谷歌新出的MVVM框架angular.js，并直接在本人所从事的项目中使用了。但是使用新东西都是有风险的，这不，采用了新框架的页面IE7,8各种显示不出来……心想着难道用以前的办法重来？不能允许！于是上网查阅了大量资料。终于跑通了，并且知道是怎么回事。

 

以下面这个IE7,8,9都跑得通的例子说明,重点是红字的部分：

Invoice:

Quantity	Cost

---

Total: {{qty * cost | currency}}

 

要让IE7这个渣渣happy,你必须加上json2.js或者其他json文件（IE7没有原生的支持）。然后，你还需要在申明ng-app脚本的地方特意加上id=”ng-app”,这样IE7才能识别（因为IE7不支持自建元素）。如此IE7就能跑通了。IE7跑的通，IE8，IE9也没有问题。

 

官网上有一个教程例子：phonecat，想必各位想用angular.js的同志都看了。但是作为官网的例子，这货居然不能在IE7,8下转。用本人的方法稍微修改一下phonecat的index.html，就也能跑了：

 

 

 

此外，官网上提到两点：

1.如果我们需要使用老派风格的directive语法”ng:”，那么我们需要加入一个xml-namespace到html标签中以“取悦”IE。（这个是一个历史原因，我们也不推荐使用ng:）

对于采用标准写法的脚本（一切都是以ng-开始而不是ng:开始）就不需要这行内容了。

2.如果你按照angularjs的规则创建了很多自定义标签，那么每个自定义标签，对于IE7,8都必须自己写js 声明创建了这些标签。就像这样：

 

总而言之，使用了angular.js，就仿佛看到了当初W3C标准化组织对web的远景规划：用XML替代html一样。各种操作声明、自定义标签将使DOM操作和应用逻辑解耦，它能大大改善代码的可调性。Angular信奉的是，当组建视图(UI)同时又要写软件逻辑时，声明式的代码会比命令式的代码好得多。

转载自：http://www.storagelab.org.cn/zhangdi/2013/01/08/angular-js%EF%BC%8Cie789%E5%85%BC%E5%AE%B9%E6%80%A7%E7%9A%84%E5%A4%84%E7%90%86/