我想知道当我们在CSS文件中定义了一个类时，如何在点击时改变颜色？我们应该使用NgClass还是NgStyle？

谢谢了.

CSS文件

.text-color: {
 color:red;
}

HTML

<代码><；细分（>；）<；P>；一些文字..<；/p>；<；/DIV>；

顺晟科技：

如果您使用的是Class，Compliant解决方案：

<代码><；第<；P[ngClass]="；{' text-red '：true，' text-white '：false}"；>；一些文字..<；/p>；<；/DIV>；

使用CSS文件

divClicked = false

代码解决方案：https：//stackblitz.com/edit/ngstyle-examples-m7sifc？file=src/app/app.component.html.

HTML

<代码><；p[ngStyle]="；{color：colorFlag}"；>；顶部<；/p>；<；按钮（单击）="；更改（）"；>；单击<；/按钮>；

TS

<div (click)="divClicked = !divClicked">
 <p [class.text-color]="divClicked">
  some text...
 </p>
</div>

解释：点击p标签的按钮颜色将变为绿色，默认情况下为红色

您可以只绑定到HTML属性：

<代码><；DIV（单击）="；DIVCLICKED=！DIVCLICKED"；>；<；P[Class.Text-Color]="；DIVCLICKED"；>；一些文字..<；/p>；<；/DIV>；

组件中，创建Class属性以跟踪单击的状态：

<div>
 <p>
  some text...
 </p>
</div>

斯塔克布利茨