AngularJs适应IE8

2019独角兽企业重金招聘Python工程师标准>>>

前言：项目一开始用的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”，遂改之...

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

总结：遇到问题不能逃避，更不能被问题吓到。理清思路，一个个问题的解决

转载于:https://my.oschina.net/u/2489726/blog/841094