Compatibility issues with Angular 1.2.27 under IE7

Recently responsible for the company's outsourcing project, foreign customers to specify to use angular, and to be compatible to IE7.

The project uses the angular version is 1.2.27, in order to be able to run under the IE7, need to do the following configuration

1. Load Json2.js

2. Load Html5shiv.js

3. Loading angular related files

4. Load the Angular-ie7-support file (this file mainly solves the problem of Ng's $sceprovider)

5. Load your angular app

Configuration is complete, the IE7 has been able to run normally, but found that the instructions are not displayed correctly, and IE8 above are operating normally.

It seems that IE7 is still doing strange ... Since the project is built with Browserify, the first suspicion is the browserify problem, tested, under IE7 browserify normal operation.

Later, after the troubleshooting, found to be an instruction template problem, for example:

< Div >    <  ng-src= "Item.imagepath"  class= "{{item.iconclass}}"</div  >

In the above template, the attribute binding of element cannot be used directly using class= "{{item.iconclass}}", instead ng-class= "Item.iconclass" will run normally!!

I can only say two words: Pit Ah!

Draft this article, hoping to help other students around the hole.

PS: Respect others original, reprint please must indicate from http://www.cnblogs.com/Raoh/p/4225454.html

Compatibility issues with Angular 1.2.27 under IE7