美文网首页AngularJs
ng-style中使用filter

ng-style中使用filter

作者: 飞将军 | 来源:发表于2015-01-07 11:54 被阅读1445次

    **问题原因: **

    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)

    相关文章

      网友评论

        本文标题:ng-style中使用filter

        本文链接:https://www.haomeiwen.com/subject/uagtxttx.html