Use Filter_angularjs in Angularjs Ng-style

Problem Reason:

Progress with boostrap in angular has problems with IE8 and cannot show progress

Wrong wording:

<div class= "Progress" >
  <div class= "Bar bar-success" style= "
     width:{{user.used | percent:user.total} } "></div></div>

This may be because the user's value has not been fetched when the page is first rendered, so the width is 0. The value of the user was later obtained, but the interface was not automatically updated.

The correct wording:

<div class= "Progress" >
  <div class= "Bar bar-success"
     ng-style= "{' Width ': (user.used | percent: user.total)} "></div>
</div>

Summarize

Because Ng-style is angular's own instructions, it listens for user changes and outputs the style attribute of the layer div, so it is correct.
Note that filter is used in Ng-style: (user.used | percent:user.total)

The above is the Angularjs Ng-style data collation, follow-up continue to supplement the relevant information, thank you for your support of this site!