Some key points to ensure your angular application work in IE
Posted By : Shivam Gupta | 08-Jan-2017
Here I am explaining which points we should be in mind to ensure your application work properly in IE9, IE10 and IE11.
1.Use ng-style tag when you want to use your scope css, instead of style=”{{ cssClass }}”.
E.g.
<h1 ng-style="cssClass ">Welcome Angular</h1>
$scope.cssClass = {
"color" : "white",
"background-color" : "coral",
"font-size" : "60px",
"padding" : "50px"
}
2.Use ng-attr-type tags when you want to define dynamic type attribute of button, instead of type=”{{ dynamicType }}”.
E.g.
<input ng-attr-type=”{{‘button’}}” value=”button” />
3.Use ng-attr-value tag when you want to define value attribute of label, progress etc, instead of value=”{{ dynamicValue }}”.
E.g.
<label ng-attr-value="itemRef?itemRef:'-'"></label>
4.Use ng-attr-placeholder tag when you want to define placeholder attribute of textarea, instead of placeholder=”{{ dynamicPlcaehoder }}”.
E.g.
<textarea ng-attr-placeholder=”dynamicPlcaehoder” ng-modal=”textareaModal”></textarea>
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Shivam Gupta
Shivam is a bright java developer with experience in building enterprise applications using Flex and Java. He is also well versed with Groovy and Grails development.