我有一個 ng-repeat,我為每一行設定了不同的顏色,如下所示:
ng-style="{'background': colors[$index % colors.length]}
現在我有要檢查的資料: {{obj.dueInHours}} <= 15 -> 將顏色設定為黃色和 {{obj.dueInHours}} <= 5 -> 將顏色設定為紅色,否則使用顏色[$指數]
這可能嗎?
兄弟,圖貝
uj5u.com熱心網友回復:
ng-style="{'background': obj.dueInHours <= 15 ? 'yellow' : obj.dueInHours <= 5 ? 'red' : colors[$index % colors.length]}
如果專案在 15 小時或更短的時間內到期,則將其涂成黃色。如果 5 小時或更短,顏色為紅色。否則,顏色默認顏色行。
當然,這對于 html 來說有點多。想象一下,請求是在 100 小時內每個小時都有不同的顏色?您當然不會在 html 中使用它,而是在控制器或指令中使用它。
我的建議是運行一次邏輯并設定為作用域上的變數,這樣就不會在每個摘要中重新計算該值。如果您需要定期檢查值,那么您可以 1. 重繪 頁面 2. 使用 setTimeout 函式根據需要重新計算。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/399262.html
標籤:angularjs
上一篇:Linqwhere子句混淆
