Paparan kelas dinamik berasaskan parameter

Question

Saya mempunyai beberapa kelas CSS yang boleh mempunyai berbilang nama, bagaimana cara saya menghantar nama ini kepada ngClass?

Ini adalah contoh yang tidak berkesan. Bagaimana saya boleh menambah itemName传递给ngClass?

<div [ngClass]="isItem ? 'item {{itemName}}' : 'noItem {{itemName}}'">
</div>

Answer 1

Interpolasi templat tidak boleh dilakukan di dalam arahan [ngClass], cuma keluarkan kurungan dan gabungkan pembolehubah dengan rentetan.

<div [ngClass]="isItem ? 'item '+itemName : 'noItem'+itemName"></div>