Question

我有一种情况，我希望根据输出值的变化将类（使用ngClass）添加到我的视图中。输出的值取决于API的响应，我每隔一秒调用一次端点来获取数据。（简单外汇申请）

我尝试使用ngModel和事件进行双向数据绑定，但注意到屏幕闪烁。

任何建议或建议将不胜感激。

添加一些代码段

<tbody>
    <tr *ngFor="let data of tableData">
    ..........
    <td>{{ data.price }}</td>
    </tr>
</tbody>

我想将此类添加到此data.price值。，例如初始值为100，如果它是101，则下一个响应。我想添加绿色背景，如果值为99，我想添加红色背景。由于数据每一秒都在变化，我在维护状态和添加类时遇到了困难。

Answer 1

由于您未提供任何示例代码，我将使用div作为选择器。所以这里是<div [class.className]="logicWhenTrue" [class.className]="logicWhenFalse">Content </div> .className如果逻辑返回true，将被添加到元素中，否则它将忽略该类，就好像它是一个已注释掉的代码。这就是为什么你需要根据你有多少逻辑来编写一个。

<强> 更新

试试这个：

.red {
  background: red;
}

.green {
  background: green;
}

<tbody>
<ng-container *ngFor="let data of tableData">
  <tr [class.green]="data.price > 100" [class.red]="data.price < 100">
    ..........
    <td>{{ data.price }}</td>
  </tr>
</ng-container>
</tbody>

那应该相应地添加类。

在值的递增/递减时动态更改ngClass

1 个答案: