无法绑定到'ngClass',因为它不是'button'的已知属性

Question

HTML:

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

我期望在我的typescript文件中绑定的变量:

public buttonClass = "button";

我得到的错误:

无法绑定到'ngClass',因为它不是'button'的已知属性

我想绑定一个变量,该变量包含我想要应用的css类的名称.

有没有正确的方法来做到这一点？我确实从角度文档中复制了这个,但它不起作用.

Answer 1

通过添加单引号，您可以在单引号中传递文本。

你想像这样删除它们......

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

有关 ngClass 的更多信息，请查看文档