**問(wèn)題原因: **
Angular中使用boostrap的progress在ie8下有問(wèn)題, 不能顯示出進(jìn)度
錯(cuò)誤的寫(xiě)法:
<div class="progress">
<div class="bar bar-success"
style="width:{{user.used | percent:user.total}}"></div></div>
這可能是因?yàn)樵趧傞_(kāi)始渲染頁(yè)面時(shí), user的值還沒(méi)有獲取到, 所以width一直為0. 后來(lái)獲取到user的值了, 但界面已經(jīng)不能自動(dòng)更新了導(dǎo)致的.
正確的寫(xiě)法:
<div class="progress">
<div class="bar bar-success"
ng-style="{'width': (user.used | percent:user.total)}"></div>
</div>
總結(jié)
因?yàn)閚g-style是angular自己的指令, 它會(huì)監(jiān)聽(tīng)user的變化, 并輸出層div的style屬性, 所以是正確的.
注意, 在ng-style中使用filter: (user.used | percent: user.total)
