AngularJS ng-style中使用filter_AngularJS

問題原因:

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的資料整理，後續繼續補充相關資料，謝謝大家對本站的支援！