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

Question

HTML：

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

我期望在我的打字稿文件中绑定的变量：

public buttonClass = "button";

我得到的错误：

  

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

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

有没有正确的方法呢？我确实从角度文档中复制了这个，但它不起作用。

Answer 1

通过添加单引号，您将传入单引号中的文本。

你想要删除它们......

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

了解更多关于ngClass的信息，请查看docs