问题原因:
angular中使用boostrap的progress在ie8下有问题, 不能显示出进度
错误的写法:
<div class="progress"> <div class="bar bar-success" style="width:{{user.used | percent:user.total}}"></div></div>
这可能是因为在刚开始渲染页面时, user的值还没有获取到, 所以width一直为0. 后来获取到user的值了, 但界面已经不能自动更新了导致的.
正确的写法:
<div class="progress"> <div class="bar bar-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)
以上就是对angularjs ng-style的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!
如对本文有疑问, 点击进行留言回复!!
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
分享Angular http interceptors 拦截器使用(推荐)
网友评论