【问题标题】:Angular - Changing dynamically style inside looped componentAngular - 在循环组件内动态更改样式
【发布时间】:2021-09-06 23:48:48
【问题描述】:

我有一个带有基本按钮的组件,我使用 *ngFor 循环,该组件内部是一个函数,它将类“活动”添加到当前“单击”的按钮。

我遇到的问题是,当我单击另一个按钮时,前一个按钮不会将颜色更改为普通按钮(样式类保留在那里)。目前它只有在我第二次点击同一个按钮时才有效。

如何实现动态更改按钮颜色的情况(只有一个 - 活动应该有额外的样式类,休息应该是正常的)

这是我的stackblitz code

【问题讨论】:

  • 使用ngClass动态添加类并设置bool变量,如果为真则改变颜色,否则不改变。

标签: angular


【解决方案1】:

您可以将点击的按钮存储在组件之外,如果按钮处于活动状态则传入?

类似:https://stackblitz.com/edit/angular-ivy-dwuutm

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-09-15
    • 1970-01-01
    • 2021-11-25
    • 1970-01-01
    • 2021-12-31
    • 2019-03-14
    • 1970-01-01
    • 2020-07-09
    相关资源
    最近更新 更多