ng-class刪除一個類但不放回

在angular.js中，我試圖根據$scope上一個變量的值應用一組類。但是，當我設置一對空格分隔的類時，ng-class似乎正在刪除已存在的任何內容（並且不會將它們放回）。ng-class刪除一個類但不放回

試着點擊任何灰色按鈕。一個圖標將出現。它是Font Awesome中的一個，類是fa fa-whatever。現在點擊另一個灰色按鈕。圖標應該變成另一個Font Awesome圖標，但它不是具有兩個類的元素（fa fa-something-else），它只是fa-something-else，所以它看起來像一個正方形。

如果你改爲點擊一個灰色按鈕，然後點擊綠色按鈕，這一切都很好。由於該綠色按鈕使用了圖標圖標，因此每次都會切換類名稱。

如何解決此問題？

來源

2014-11-06 Dave

好像你不需要這裏的'NG-class'，儘量只使用'class'喜歡：http://jsfiddle.net/fLf0fenj/2/ – Cherniv 2014-11-06 06:42:46

這不是更有趣 - http://jsfiddle.net/devitate/dg4rpadr/ – Dylan 2014-11-06 07:17:01

@Dylan確實看起來比我的好得多;） – Dave 2014-11-07 01:31:34

嘗試

ng-class="statusIcon()"

而這裏的工作fiddle

來源

2014-11-06 04:37:46

我最終做了這樣的事情，其中'statusIcon（）只是附加其他需要在那裏的類，比如'fa'和'status-icon'。不知道爲什麼ng-class中括號語法的行爲與函數語法不同。 – Dave 2014-11-14 19:32:08

ng-class刪除一個類但不放回

回答

相關問題