当前位置：首页 > 资讯 > 技术文档

AngularJS ng-style中使用filter

时间：2020-06-07 22:33 编辑：来源：阅读：
扫一扫，手机访问

摘要：AngularJS ng-style中使用filter

问题原因: Angular中使用boostrap的progress在ie8下有问题, 不能显示出进度 [b]错误的写法:[/b]

<div class="progress">
  <div class="bar bar-success"
     style="width:{{user.used | percent:user.total}}"></div></div>

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

<div class="progress">
  <div class="bar bar-success"
     ng-style="{'width': (user.used | percent:user.total)}"></div>
</div>

[b]总结[/b] 因为ng-style是angular自己的指令, 它会监听user的变化, 并输出层div的style属性, 所以是正确的. 注意, 在ng-style中使用filter: (user.used | percent: user.total) 以上就是对AngularJS ng-style的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！

全部评论(0)

上一篇：浅谈angular懒加载的一些坑
下一篇：Angular 4.0学习教程之架构详解

资讯排行榜
更多>>