AngularJs適應IE8

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

  • 這是以前的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>
  • 可是更改以後訪問首頁出現如下錯誤

輸入圖片說明

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

..................code

最後乾脆去掉「$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」,遂改之...ip

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

總結:遇到問題不能逃避,更不能被問題嚇到。理清思路,一個個問題的解決源碼

相關文章
相關標籤/搜索