我列出了数组中的一些图像，当前图像具有橙色边框。 当用户单击图像时，它成为当前图像，但单击前一个当前图像的边框消失，但包含橙色边框的 class 不适用于更新的当前图像为什么 angular 没有检测到这个变量变化？ 我的 html 代码： 我的 component.ts 代码： ...
我有以下 css 这个 css 将始终应用于我的 div。 我需要在基于 boolean 的 Html 中有这个伪类。 所以当我有 我需要绑定到这个正在加载的属性，如果它是真的 - 我不想在我的 div 上应用 thius pseudeo class 如果它是假的我需要申请我知道我可以在 Angu ...
我正在尝试通过 ngClass 添加多个类，我很困惑为什么我不能在这里使用三元运算符。 我收到以下错误： 我知道我可以执行以下操作： 只是想了解为什么我不能在这里使用三元运算符（或者我做错了）。 我将不胜感激帮助理解这一点。 编辑：谢谢你的回答。 由于 Bryan 的回答，我基本上理解了它，但两者都 ...
我想将多个 ngClass if else 语句组合在一起，我已经尝试但无法解决它。 我的尝试： ...
我目前正在尝试显示根据类型具有不同背景颜色的口袋妖怪列表。 我想实现一个功能，其中所选口袋妖怪的边框也显示为金色边框颜色。 如果我一次使用它们，它们工作得很好，但我无法将它们一起使用。 我的 html 如下： <h1>Pokédex</h1> <p [hidden]= ...
所以我正在制作一个待办事项应用程序，我想为已完成的任务添加描边，但问题是它无法正常工作。 我的.css 文件 和 .html 文件中的元素 正在发生的事情是，无论 isDone 最初具有什么值，都将决定该项目是否获得笔画。 因为当我稍后切换它时，它不会改变但应该改变！ 这是它第一次加载时的样子。 ...
下面的网络链接演示了 routerLinkActive id 在用作不同 HTML 元素的 boolean 值时的工作 [ngClass] https://stackblitz.com/edit/routerlinkactivesimple?file=src%2Fapp%2Fapp.module ...
所以我有一个父组件，其子组件绑定在ngFor()例如： 每个类别都有一个带有ngClass的标题文本，就像这样（当我点击它时，我在子组件中选择了一个我设置为 true 的变量）： 我一直试图做的但收效甚微的是，当您单击类别子元素时，将此文本变为绿色。 这工作正常，但我的主要问题是，每当我在 ...
我正在构建一个带有价格的日历，我有 3 个嵌套元素： 在日历周中，我必须为每天可以拥有的不同 styles 进行几次计算， 正如我们所见，有很多类可以放在“day”标签中。 我已经看到我的 dayClass () function 可以通过指令 [ngClass] 使用各种方法分发，但我不想在不知 ...
我已禁用表中的几列，并希望在不同的 colors 中显示它们。 因此，我在 Typescript 中写了一个 function ，其中 CSS 通过 ZA2F2ED4F8EBC2CBB4C21AdRange 更改。 我读过你可以用 [ngClass] 解决它......我有一个包含三列的数组：第一 ...
我有一份来自 api 的视频列表。 当单击表格中特定视频的播放图标时，会打开一个模式框。 我希望当我们提交这个模态框时，一个微调器开始旋转，直到它得到服务器的响应。 我的组件.html 这是我的 component.ts 文件 ...
我想从变量中添加类名，但这取决于 Angular 9 中的另一个变量。 这是我的 TypeScript 代码 export class InputComponent implements OnInit { @Input() inputBlockClass = 'col-12 d-flex px ...
我有一些列表元素，我使用 *ngFor 指令渲染它们。 但是，根据规范，列表项文本的某些部分应为粗体。 我试图用 [ngClass]="'strong'" 来做到这一点，当 strong 是我需要在文本上添加一些部分的 css 类时。 当我运行应用程序时，结果是整个文本变成粗体。 下面是屏幕截图，以 ...
我有一个来自 Angular [ngClass] 指令的表达式字符串，其中包含多个表达式，其对应的键用逗号分隔。 当我尝试使用 .split(',') 函数将上述表达式字符串拆分为单个表达式数组时，它会在单个表达式之间进行拆分。 代码： 输出： 预期结果： 我尝试构建正则表达式来提 ...
想象以下情况： 所有这些 CSS 类cSmall, cGray, cTab1都依赖于!first 。 我可以避免在以下范围内不必要的重复： 我已经尝试过{ [cSmall,cGray,cTab1]: !first }没有成功:) ...
首先，我对Angular世界很新。 试图完成一项任务。 我非常感谢所有的投入。 来到这个问题。 我正在使用“ngFor”创建多个扩展面板。 我想仅为用户选择的面板突出显示或更改样式表。 休息所有面板应该有默认样式表。 当用户单击第二个面板时，它应突出显示第二个面板并将第一个面板 ...
如果我单击按钮，它将颜色更改为橙色，但是按要求是单击同一按钮后，它需要更改为默认颜色。 所以请引导我这样做。 Component.ts ...
我创建了一个名为app-button的angular component 。 template如下所示： 在控制器中，我定义了两个@Input变量，分别称为modifier和text ： 在另一个名为sample-page component的template中，我正在重用 ...
我有两个锚标签 .ts 当我单击锚标记时，它会引发错误 ExpressionChangedAfterItHasBeenCheckedError 它正在工作，但由于团队成员更新任何模块，它停止工作， 我用谷歌搜索了很多，但无法让它工作 请帮忙 谢谢 ...
经过很多问题之后，我决定问这个问题……angular [ngClass]在10，24，100的值上工作很奇怪。 我不知道背后的原因。 希望大家都能有所帮助... 这是后端的JSON格式 ngClass在10、100、24之类的值上选择了错误的类，而不是将其绿色显示为红色。 ...