javascript - [class] ="' success '"and class="success"在Angular中有区别吗？

Question

在 Angular 中，[class]="'success'" 和 class="success" 有区别吗？

例如:

 <li class="success">...</li>

或

 <li [class]="'success'">...</li> 

如果同时使用 IIUC 后者会导致替换前者，所以我想更好地理解为什么我们不只使用第一个？

Answer 1

第一个 (class) 只是一个 html 类属性。后者 ([class]) 实际上是一个 Angular 绑定(bind)，这意味着其中的任何内容都将像任何其他 Angular 绑定(bind)一样被解析(您可以在其中放置 Angular/javascript 表达式)。

如果类不需要更改，您可以使用 class。如果您打算更改它们，请使用 [class]。您甚至可以将它们混合起来，例如:

<li class="success" [class.active]="true">...</li>