AngularJS 1.3 / 1.4 does not work with IE8. With these custom builds you get good IE8 support. I can't guarantee that everything will work but anything I've tried works fine.
- es5-shim
- jQuery 1.*
- AngularJS 1.4.* build from this repo (some poly-fills are baked in and minor fixes to enable IE8 support)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
<title>Angular 1.4 IE8</title>
<!--[if IE 8]>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.5/es5-shim.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
.ng-hide {
display: none !important;
}
</style>
<![endif]-->
<script src="angular.js"></script>
</head>
<body ng-app="someApp">
</body>
</html>npm install angularjs-ie8-build
bower install angularjs-ie8-build
// bower install with local name "angular"
bower install angular=angularjs-ie8-build
When using $q promise methods catch or finally in IE8 use bracket notation instead of dot notation. Same goes for $http delete method. IE8 does not like dot notation with these reserved words.
// no
promise.catch(function(){});
// yes
promise['catch'](function(){});- Use attributes for directives, e.g.
<div ng-view>instead of custom element<ng-view> - If you want to use custom elements, you need to make IE8 aware of them first, e.g.
document.createElement('ng-view'); - Use
ng-styleinstead ofstyle="{{ someCss }}" - Check any additional angular or third party modules you are using for reserved words described above. If you find any, use a search and replace to change from dot notation to bracket notation
The source is maintained here:
https://github.com/fergaldoyle/angular.js/tree/ie8-compat
https://github.com/fergaldoyle/angular.js/tree/ie8-compat-1.4