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的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短