AngularJS ng-style中使用filter
更新时间：2016年09月21日 09:12:11 作者：飞将军
这篇文章主要介绍了AngularJS ng-style中使用filter的相关资料,需要的朋友可以参考下
问题原因:
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的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！
相关文章
本文主要讲解AngularJS ng-checked 指令,在这整理ng-checked 指令的基础知识,并附代码实例,有需要的小伙伴可以参考下2016-08-08
本文主要介绍 AngularJS Service,这里整理了AngularJS Servic的详细资料,并提供代码实例,有需要的小伙伴可以参考下2016-07-07
这篇文章主要介绍了angular4中引入echarts的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要介绍了angular+ionic返回上一页并刷新页面,需要的朋友可以参考下2017-08-08
本篇文章主要介绍了angular组件继承的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
本文主要介绍AngularJS ng-cloak 指令,这里帮大家整理了ng-clock指令的基础资料,和简单的代码实例及效果图,学习AngularJS指令的朋友可以参考下2016-08-08
Angular 4 依赖注入学习教程之FactoryProvider的使用（四）
这篇文章主要给大家介绍了关于Angular 4 依赖注入之FactoryProvider使用的相关资料，文中介绍的非常详细，对大家学习或者使用Angular4具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
AngularJS基础 ng-mouseenter 指令示例代码
本文主要介绍AngularJS ng-mouseenter 指令,这里对ng-mouseenter 指令基础资料做了详细整理,并附代码实例,有需要的小伙伴可以参考下2016-08-08
本文主要介绍了angular十大常见问题，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
详解angularjs结合pagination插件实现分页功能
本篇文章主要介绍了详解angularjs结合pagination插件实现分页功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-02-02
最新评论