时间戳

首页 > 解决方案 > Angular HTML class.otherclass 解释

css - Angular HTML class.otherclass 解释

问题描述

我在 Angular 项目中看到了这条 HTML 行：

<div id="player" class="player" [class.voted]="booleanvar">

CSS 包含一个定义.player.voted

我不太确定这部分是什么意思：[class.voted]="booleanvar"

标签： cssangular

解决方案

这是在 Angular 中将类动态应用到 HTML 元素的一种方式。

如果booleanvar等于，true则将应用 css 类voted，只要它在 CSS 文件中正确定义。如果它等于false，则不会应用该类。

<div id="player" class="player" [class.voted]="booleanvar">

推荐阅读