微客导航 » 文章资讯 » AngularJS ng-style中使用filter

AngularJS ng-style中使用filter

2024-03-12 12:23:02 455

问题原因:

Angular中使用boostrap的progress在ie8下有问题,不能显示出进度

错误的写法:

<divclass="progress">
<divclass="barbar-success"
style="width:{{user.used|percent:user.total}}"></div></div>

这可能是因为在刚开始渲染页面时,user的值还没有获取到,所以width一直为0.后来获取到user的值了,但界面已经不能自动更新了导致的.

正确的写法:

<divclass="progress">
<divclass="barbar-success"
ng-style="{'width':(user.used|percent:user.total)}"></div>
</div>

总结

因为ng-style是angular自己的指令,它会监听user的变化,并输出层div的style属性,所以是正确的.
注意,在ng-style中使用filter:(user.used|percent:user.total)

以上就是对AngularJSng-style的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！