手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >AngularJS ng-style中使用filter
AngularJS ng-style中使用filter
摘要:问题原因:Angular中使用boostrap的progress在ie8下有问题,不能显示出进度错误的写法:

问题原因:

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

错误的写法:

<div> <div percent:user.total}}"></div></div>

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

正确的写法:

<div> <div 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的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

【AngularJS ng-style中使用filter】相关文章:

JavaScript中的splice()方法使用详解

angular2使用简单介绍

AngularJS中使用HTML5手机摄像头拍照

详解AngularJS中的表达式使用

详解JavaScript中setSeconds()方法的使用

javascript下使用Promise封装FileReader

AngularJS 最常用的功能汇总

详解Javacript和AngularJS中的Promises

AngularJS中的一些常用指令介绍

在JavaScript中使用JSON数据

精品推荐
分类导航