如何使用動態評估的angulajs類並將其附加到div？

div(ng-class = "{'{{cardselector.products[0].imageCarousel}}': 
         cardselector.products[0].imageCarousel != null}")

頁面加載和imageCarousel對象被更新，然後我希望它添加評價到div類但這沒有發生。它只評估class，但不會將其添加到div。

任何人都可以幫忙嗎？

這樣如何：'div.ng級=「[cardselector.products [0] .imageCarousel ]'' – Teh

@Teh我會試試看，謝謝 –

以下玉（帕格）碼似乎是工作：

div(ng-app='') 
    div(ng-controller='MyCtrl') 
    div(ng-class='[cardselector.products[0].imageCarousel]') Hello!

2017-08-03 15:56:55 Teh

謝謝你解決了我的問題，我在ng-if中添加了條件（ng-if ='cardselector.products [0] .imageCarousel！= null'，ng-class ='[cardselector.products [0] .imageCarousel ]'）' –

隨着我對帕格的理解，你在做的是將你的div上的課程設置爲ng-class，你想要的是將屬性ng-class設置爲你的價值。

這可以通過以下來完成：

div(ng-class="{'{{cardselector.products[0].imageCarousel}}': cardselector.products[0].imageCarousel != null}")

到類設置爲可變

div(ng-class="cardselector.products[0].imageCarousel")

我用德的plunkr來說明我的意思的價值。 https://codepen.io/anon/pen/xLEobm

注：我仍然不確定，當你通過角編制的，所以如果你的模板編譯角度解釋後仍可能不呈現。

2017-08-03 14:34:16 ChrisG

謝謝，我錯過了在我最初的問題中添加括號，我正在使用spring java插件進行編譯，但是問題出在angularjs以及它如何解釋此代碼？在評估過{{{cardselector.products [0] .imageCarousel}}之後，生成的值不會添加到類中？你能幫我解決這個問題嗎？ –

你不能在'ngClass'指令中使用插值作爲類的名字。您應該能夠執行以下操作：'{cardsleector.products [0] .imageCarousel：carselector.products [0] .imageCarousel！= null}' – ChrisG

我有一個動態類名值，我需要添加到這個div在價值是否可用，你有什麼建議我怎麼能解決這個問題。謝謝 –

回答