添加总星级选项时，ng星级不能正常工作

Question

我在我的角度项目中使用ng-starrating https://www.npmjs.com/package/ng-starrating库。当我没有像这样指定totalstars选项时，它会起作用。

<star-rating value="{{rate}}" checkedcolor="#000000" uncheckedcolor="#ffffff">

`

但如果我向其中添加totalstars选项，则不起作用。

<star-rating value="{{rate}}" checkedcolor="#000000" uncheckedcolor="#ffffff"
totalstars="{{rate}}">

在我添加此选项后，它根本不显示星星。

Answer 1

这是可行的例子

您的错误

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;

Answer 2

如果将其设置为：

totalstars='5'

然后它将无法正常工作。

将其更改为：

[totalstars]='5'

它将起作用。

Answer 3

请使用最新版本的ng-starrating。此问题已解决。