不同的颜色以定级

Question

我正在尝试为星星上色，并在.html中使用多个Target.value = Oldvalue & " # " & Newvalue ，并尝试对同一组件中的不同p-rating应用不同的颜色。

如何使用定调或角度方式设置星星的样式。

.html

p-rating

.css

<p-rating [ngModel]="inputData?.rating" readonly="true" stars="5"[cancel]="false" style="float: left;font-size: 35px !important;color: #4741fa!important;">
    </p-rating>
    <p-rating [ngModel]="inputData?.rating" readonly="true" stars="5"[cancel]="false" style="float: left;font-size: 35px !important;color: #000000!important;">
    </p-rating>
    <p-rating [ngModel]="inputData?.rating" readonly="true" stars="5"[cancel]="false" style="float: left;font-size: 35px !important;color: #4743fb!important;">
    </p-rating>

Answer 1

在primeng 9中，您可以使用此属性绑定样式，

[iconOnStyle]="{'color':'#4743fb'}"

Answer 2

组件部分应如下所示：

@Component({  
selector: 'app-view-product',
templateUrl: './view-product.component.html',
styleUrls: ['./view-product.component.css'],
encapsulation: ViewEncapsulation.None,
})

您必须添加封装才能更改样式