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

至此,大部分工做已经作完,可能会有一些属性还须要调整,后期更新。文档

总结:遇到问题不能逃避,更不能被问题吓到。理清思路,一个个问题的解决源码

相关文章
相关标签/搜索