Angularjs And Internet Explorer

I have problems getting my app loading on Internet Explorer 7 & 8 and even 9. I'm getting the following error message (console) Uncaught TypeError: Cannot read property 'no

Solution 1:

The project Angular-UI contains a "subproject" named "IEShiv" which should let you run angular smoothly under IE : https://github.com/angular-ui/angular-ui/tree/master/common/ieshiv

As said there, you only need this :

<!--[if lte IE 8]> <script src="build/angular-ui-ieshiv.js"></script><![endif]-->

Solution 2:

Whenever I got these type of errors in IE (specially 8) It was either one of these 2 issues.

1) I was using a custom tag like <auto-complete> and was not using document.createElement

2) I had elements with duplicate id attributes. IE does not like this.

Method of elimination normally works for me to isolate the problem in the template.