问题标签 [angular-ng-class]

我有一些列表元素，我正在使用 *ngFor 指令进行渲染。但是，根据规范，列表项文本的某些部分应为粗体。我试图用 [ngClass]="'strong'" 来做到这一点，当我需要在文本上添加一些部分的 css 类时强。当我运行应用程序时，结果是整个文本变为粗体。下面是截图，方便大家理解。

要求是仅使美元部分加粗。我是角度发展的新手。任何帮助将不胜感激。

我想从一个变量中添加类名，但这取决于 Angular 9 中的另一个变量。

这是我的打字稿代码

这是我的 HTML 代码：

我也试过这个，但它不起作用：

两种解决方案都给出了这个结果：

但我想要这个：

如何从变量中添加类名取决于布尔变量？

我有一个来自 api 的视频列表。当单击表格中特定视频的播放图标时，会打开一个模式框。我希望当我们提交这个模态框时，一个微调器开始旋转，直到它得到服务器的响应。

我的 component.html

这是我的 component.ts 文件

我已禁用表中的几列，并希望以不同的颜色显示它们。因此，我在 Typescript 中编写了一个函数，其中 CSS 通过类 .disabledRange 进行更改。我读过你可以用 [ngClass] 解决它...我有一个包含三列的数组：第一、第二、第三。如何使列禁用并仍然以不同的颜色设置它们的样式？就我而言，我不知道如何以最有用的方式使用它。我会很感激帮助:)

我的代码：

我正在构建一个带有价格的日历，我有 3 个嵌套元素：

在日历周中，我必须针对每天可能具有的不同样式进行多次计算，

正如我们所见，有很多类可以放在“day”标签中。我已经看到我的 dayClass() 函数可以通过指令 [ngClass] 使用各种方法分发，但我不想在不知道哪种方法真正最有效的情况下使用它们。

有谁知道将类应用于具有多个计算的 HTML 标记的最有效方法是什么？

error-text我已经建立了一个 Angular 材料表，如果 [dataSource] 返回 isActive=false ，我想使用类。

我正在尝试这样做，但没有运气：

我的课程不适用于表格。

我知道我可以将这个类应用于我表的每一行，但这对我来说似乎是不正确的解决方案：

有没有人找到一个解决方案，我可以简单地声明一次 ngClass 并将其应用于整个表？

所以我有一个父组件，其子组件绑定在ngFor()诸如：

这些类别中的每一个都有一个ngClass类似这样的标题文本（当我单击它时，我在子组件中选择了一个我设置为 true 的变量）：

当您单击类别子元素时，我一直在尝试将这个文本变为绿色，但收效甚微。

这很好，但我的主要问题是，每当我点击第一个类别之后的第二个类别时，第一个类别的文本仍然设置为绿色，并且我不知道如何在单击不同时将此文本设置回其原始颜色类别（即，如果未选择类别，则重置其颜色）。

下面的网络链接演示了 routerLinkActive id 在用作不同 HTML 元素的布尔值时的工作情况 [ngClass]
https://stackblitz.com/edit/routerlinkactivesimple?file=src%2Fapp%2Fapp.module.ts

相比之下，routerLinkActive id 不适用于 web-link 下面的 @angular/material 实例，但通过注释第 5 行和第 6 行错误消失了，但没有纠正 routerLinkActive id 的可用性： https ://stackblitz.com/edit/mat -routerlinkactive?file=src%2Fapp%2Fnav%2Fnav.component.html

我正在从 JSON 文件加载动态表，在 td 上我使用角度表达式根据一些应用程序逻辑评估 css 类名称 HTML 和 TS 代码如下所示

这工作正常。

有时 JSON 可能包含如此多的记录 [1000 行和 10 列] 所以这个 CSS 表达式将被计算 1000*10 次。此列表也有可能增加

这种分配 CSS 类的方法在性能方面是否是最佳的。我感觉 UI 在渲染有这么多记录的表格时会冻结我们如何确保浏览器没有过载，但正确分配 CSS 类？

我目前正在尝试显示具有不同背景颜色的口袋妖怪列表，具体取决于它们的类型。我想实现一个功能，其中所选口袋妖怪的边框也显示为金色边框颜色。如果我一次使用它们，它们工作得很好，但我在一起使用它们时遇到了麻烦。

我的html如下：

我的 getType 函数如下：

我的 IDE 抱怨的错误：

我还尝试了以下方法：

非常感谢您的帮助！