AngularJs適應IE8

前言：項目一開始用的angular-1.3.0，支持IE9+以上。可是因爲業務需求須要支持IE8，查閱文檔發現AngularJS 1.3拋棄了對IE8的支持，因此記錄一次很坑的降版本....

• 這是以前的angular引用

<script src="../lib/angular-1.3.0/angular.min.js"></script>
<script src="../lib/angular-1.3.0/angular-route.min.js"></script>
<script src="../lib/angular-1.3.0/i18n/angular-locale_zh-cn.js"></script>
<script src="../lib/angular-1.3.0/angular-animate.min.js"></script>
<script src="../lib/angular-1.3.0/angular-sanitize.min.js"></script>

• 這是改以後的angular引用

<script src="../lib/angular-1.2.30/angular.min.js"></script>
<script src="../lib/angular-1.2.30/angular-route.min.js"></script>
<script src="../lib/angular-1.2.30/i18n/angular-locale_zh-cn.js"></script>
<script src="../lib/angular-1.2.30/angular-animate.min.js"></script>
<script src="../lib/angular-1.2.30/angular-sanitize.min.js"></script>

• 可是更改以後訪問首頁出現如下錯誤

而後就很着急，但願快點解決，差點放棄...

..................

最後乾脆去掉「$uibModal」,發現IE8能夠正常訪問了，可是我項目裏面須要用到的彈框,猜想是由於「ui-bootstrap-0.14.3」版本不匹配，因而去官網下載了「ui-bootstrap-tpls-0.10.0」。引入以後發現依然報一樣的錯誤....

最後翻看「ui-bootstrap-tpls-0.10.0.min.js」的源碼發現，並無「uibModal」這個屬性，而是換成了「modal」,對應的「$uiModalInstance」也換成了「$modalInstance」，遂改之...

至此，大部分工做已經作完，可能會有一些屬性還須要調整，後期更新。

總結：遇到問題不能逃避，更不能被問題嚇到。理清思路，一個個問題的解決