最近负责公司的一个国外项目，老外指定要用angular，并且要兼容到IE7。

项目使用的是Angular版本是1.2.27，为了能在IE7下跑，需要做如下配置

1. 加载json2.js

2. 加载html5shiv.js

3. 加载angular相关文件

4. 加载angular-ie7-support文件 (这个文件主要解决ng的$sceProvider的问题)

5. 加载你的angular app

配置完成，IE7下已经能正常运行，但是发现指令没有被正确显示出来，而IE8以上却都运行正常。

最为诡异的是没有抛出任何异常信息，看来IE7还在做怪。。。

由于项目是用Browserify做构建，一开始怀疑是Browserify的问题，经过测试，在IE7下Browserify正常运行。

后来经过排查，发现是指令模板的问题，举个例子：

<div>

    <img ng-src="item.imagePath" class="{{item.iconClass}}"/>

</div>

上面的模板中，element的attribute绑定在IE7下不能直接使用 class="{{item.iconClass}}"，改用 ng-class="item.iconClass" 就运行正常了！！

我只能说两个字：坑啊！

草拟此文，希望能帮其它同学绕开这个坑。

PS: 尊重他人原创，转载请务必注明来自 http://www.cnblogs.com/Raoh/p/4225454.html