angular bootstrap ngb 评级值除以加价
angular bootstrap ngb rating value divide in markup
我有这个 ngb 评分控件:
<ngb-rating [(rate)]="x.popularity" (hover)="hovered=$event" (leave)="hovered=0" [readonly]="true"></ngb-rating>
我想将 x.popularity / 10 拆分为评分值,以适应 ngb 评级中默认的 10 颗星,但我无法做到这一点。我无法修改模型,所以我正在寻找如何将值除以 10 的选项,以便在控件中设置正确的值。
Banana in a box 语法 [()]
是语法糖。所以 [(rate)]="x.popularity"
是 [rate]="x.popularity" (rateChange)="x.popularity=$event"
.
的缩写
所以在你的情况下,这样的事情应该有效:
<ngb-rating [rate]="x.popularity*10" (rateChange)="x.popularity=$event/10" (hover)="hovered=$event" (leave)="hovered=0" [readonly]="true">
我有这个 ngb 评分控件:
<ngb-rating [(rate)]="x.popularity" (hover)="hovered=$event" (leave)="hovered=0" [readonly]="true"></ngb-rating>
我想将 x.popularity / 10 拆分为评分值,以适应 ngb 评级中默认的 10 颗星,但我无法做到这一点。我无法修改模型,所以我正在寻找如何将值除以 10 的选项,以便在控件中设置正确的值。
Banana in a box 语法 [()]
是语法糖。所以 [(rate)]="x.popularity"
是 [rate]="x.popularity" (rateChange)="x.popularity=$event"
.
所以在你的情况下,这样的事情应该有效:
<ngb-rating [rate]="x.popularity*10" (rateChange)="x.popularity=$event/10" (hover)="hovered=$event" (leave)="hovered=0" [readonly]="true">