【问题标题】:angular bootstrap ngb rating value divide in markup角度引导 ngb 评级值除以标记
【发布时间】:2021-02-17 02:07:19
【问题描述】:
我有这个 ngb 评级控制:
<ngb-rating [(rate)]="x.popularity" (hover)="hovered=$event" (leave)="hovered=0" [readonly]="true"></ngb-rating>
我想将 x.popularity / 10 拆分为比率值,以适应 ngb 评级中的默认 10 颗星,但我无法做到这一点。我无法修改模型,所以我正在寻找如何将值除以 10 以便在控件中设置正确值的选项。
【问题讨论】:
标签:
angular
angular8
ng-bootstrap
angular-bootstrap
【解决方案1】:
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">