Angular中[class] =“'成功'”和class =“成功”之间有区别吗?

时间:2018-06-09 19:07:31

标签: javascript css angular typescript

在Angular中,[class]="'success'"class="success"之间存在差异吗?

例如:

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

 <li [class]="'success'">...</li> 
如果两者同时使用,后者会导致替换前者,因此我试图更好地理解为什么我们不会只使用第一个?

1 个答案:

答案 0 :(得分:3)

第一个(class)只是一个html类属性。 后者([class])实际上是一个角度绑定,意味着它中的任何内容都将被解析,就像任何其他角度绑定一样(你可以将angular / javascript表达式放入其中)。

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

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