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 教师闺蜜祝福语简短