有一種形式可以讓用戶以4個步驟輸入一些字段。每一步都可能有幾個字段。如果當前步驟中顯示的所有字段都是有效的,則此步驟將顯示綠色,否則將顯示爲紅色。如何編寫ng-class對象來比較複雜的條件?
對於第3步,最多同時顯示4個字段,比如說A,B,C,D。假設每個有效值爲a,b,c,d。由於某些字段將根據之前的選擇顯示/隱藏。最終邏輯條件應爲abcd||abc||ab||a||bcd||bc||d
(abcd表示a&&b&&d&&c
)。我使用的是NG-類對象更改CSS顏色,片段是象下面這樣:
ng-class="{
"green": abcd||abc||ab||a||bcd||bc||d,
"red": !(abcd||abc||ab||a||bcd||bc||d)
}"
正如你所看到的,這實在是醜陋的解決方案...有沒有解決這個優雅的方式?