在角度 7 中动态更改滚动条颜色

Question

我想根据来自 API 的选择和颜色代码动态更改滚动条颜色。

我尝试使用 ngClass 指令，但颜色是基于 API 动态分配的，所以它对我没有帮助。

HTML 代码

<div class="table-responsive"
      [ngClass]="{'scbio': currentSubject === 'BIO'}">
</div>

CSS

.scbio::-webkit-scrollbar-track {
  background: #f5b58f;
}

.scbio::-webkit-scrollbar-thumb {
  background: #cc7b50;
}

需要根据 API 颜色代码更改背景。任何建议将不胜感激。

Answer 1

使用 [ngClass]="colorChooser()" 属性，然后在您的 ts 文件中定义该方法..

示例：

colorChooser() { /* your logic here */}