AngularJS ng-style中使用filter
问题原因:
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的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！