[ngClass]与[class]绑定之间的差异

问题描述 投票:42回答:4

以下片段之间的Angular 2有什么区别:

<div [class.extra-sparkle]="isDelightful">
<div [ngClass]="{'extra-sparkle': isDelightful}">
angular single-page-application angular2-directives angular-ng-class
4个回答
40
投票

这是特殊的Angular绑定语法


17
投票

以上两行代码是针对Angular中的CSS类绑定


7
投票

使用[ngClass],您可以以非常方便的方式应用多个类。您甚至可以应用将返回类对象的函数。 [class.使您只能应用一个班级(当然您可以使用班级。几次,但看起来确实很糟糕)。


5
投票

在[ngClass]中,您可以添加两个不同的类之一,如下所示:

© www.soinside.com 2019 - 2024. All rights reserved.