AngularJS bug in IE with style vs ng-style

user_1766230 0
Viewed 2938

I'm using Angular JS v1.1.5, and found an interesting IE-related issue.

In IE 9, 10, 11 and Edge, the following does not seem to work, even though it works fine in Chrome:

<div style="width: {{progress.percent()}}%;"></div>

Whereas this works in all browsers:

<div ng-style="{width: progress.percent() + '%'}"></div>

I'm curious why the first option doesn't work in IE/Edge. Are there any known bugs around this?

microsoft-edge angularjs internet-explorer css javascript
2 Answers

the problem also happens on edge. just write like this

[ngStyle]="{'width.px': 20}"
user_3037230
Related