从 Angular 5 中的组件动态更改 css 样式
changing css style dynamically from component in Angular 5
我正在使用物化范围：
<div class="range-field col s6">
<input type="range" id="test5" min="0" max="100" #ranger (input)="yourMethod(ranger.value)"/>
</div>
此输入在 HTML 带有 class 缩略图的 span 标签中创建，如何通过更改范围动态更改颜色？是否可以在css.thumb中定义{background-color: somevariable}，并从组件中更改它？
您可以通过组件中定义的变量动态设置 html 中的颜色。
<p [style.color]="variable"></p>
定义组件中变量的值。但是请确保您定义了默认值，否则会引发错误。
我正在使用物化范围：
<div class="range-field col s6">
<input type="range" id="test5" min="0" max="100" #ranger (input)="yourMethod(ranger.value)"/>
</div>
此输入在 HTML 带有 class 缩略图的 span 标签中创建，如何通过更改范围动态更改颜色？是否可以在css.thumb中定义{background-color: somevariable}，并从组件中更改它？
您可以通过组件中定义的变量动态设置 html 中的颜色。
<p [style.color]="variable"></p>
定义组件中变量的值。但是请确保您定义了默认值，否则会引发错误。