Angular 1.2.27在IE7下的兼容問題

最近負責公司的一個國外項目，老外指定要用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