Angular.js中element的class屬性中的條件

Question

我使用以下代碼：

<buton class="audio-button {{audio.isPlaying && 'active'}}"></button

這種做法是正常的還是會帶來問題？

Answer 1

我假設您要在audio.isPlaying為true時添加活動類。 在這種情況下，您應該使用ng-class 。

<button class="audio-button" ng-class="{ 'active' : audio.isPlaying }"></button>

您可以在這里了解更多信息