angular - Kan inte binda till 'ngClass' eftersom det inte är en känd egenskap hos 'button'

HTML :

<button class="sa-button" [ngClass]="'buttonClass'">{{displayText}}</button>

Variabeln jag förväntar mig att binda till i min TypeScript-fil:

public buttonClass = "button";

Felet jag får:

Kan inte binda till 'ngClass' eftersom det inte är en känd egenskap hos 'button'

Jag vill binda en variabel som innehåller namnet på den css-klass jag vill använda.

Finns det ett korrekt sätt att göra detta på? Jag kopierade bokstavligen detta från Angular-dokumentationen, och det fungerar inte.

Svar #1

genom att lägga till enkla citattecken skickar du in texten inom de enkla citattecknen.

Du vill ta bort dem så här...

<button class="sa-button" [ngClass]="buttonClass"  >{{displayText}}</button>

För mer om ngClass, kolla dokumentationen