我在我的 angular 项目中使用 ng-starrating https://www.npmjs.com/package/ng-starrating 库。 当我没有像这样指定总星选项时,它有效。
<star-rating value="{{rate}}" checkedcolor="#000000" uncheckedcolor="#ffffff">
'
但是如果我添加 总明星 选项不起作用。
<star-rating value="{{rate}}" checkedcolor="#000000" uncheckedcolor="#ffffff"
totalstars="{{rate}}">
在我包含此选项后,它根本不显示星星。
如果将其设置为:
totalstars='5'
那么它就行不通了。
将其更改为:
[totalstars]='5'
它会起作用。
这是工作示例
你的错误
checkedcolor="#000000" uncheckedcolor="#ffffff"
溶液
checkedcolor="red" uncheckedcolor="black"
https://stackblitz.com/edit/angular-star-rating-demo-kfgkqt?file=app%2Fapp.component.html
<div style="text-align:center">
<h1>
ng-starrating demo
</h1>
<star-rating value="5" totalstars={{totalstar}} checkedcolor="red" uncheckedcolor="black" size="24px"
readonly="false" (rate)="onRate($event)"></star-rating>
</div>
在您的 .ts 中
totalstar = 10;
请使用最新版本的 ng-starrating。此问题已修复。