因此,基本上,我有一个带有评级模块的离子移动应用程序。但是,当我得到不是整数的平均值时,我很难确定如何实现半颗星。所以我做了什么。并显示离子图标星号。这些是我的密码
<span *ngIf="item.rating" class="review">
{{item.rating}}
<ion-icon name="star" *ngIf="Round(item.rating) > 0"></ion-icon>
<ion-icon name="star" *ngIf="Round(item.rating) > 1"></ion-icon>
<ion-icon name="star" *ngIf="Round(item.rating) > 2"></ion-icon>
<ion-icon name="star" *ngIf="Round(item.rating) > 3"></ion-icon>
<ion-icon name="star" *ngIf="Round(item.rating) > 4"></ion-icon>
</span>
我想摆脱四舍五入并显示半颗星星该怎么办?
最佳答案
请查看此库https://www.npmjs.com/package/ionic2-rating
安装:npm install --save ionic2-rating
用法:
<rating
[(ngModel)]="0.5"
readOnly="true"
max="5"
emptyStarIconName="star-outline"
halfStarIconName="star-half"
starIconName="star"
nullable="false">
</rating>
关于css - 在 ionic 中实现半星,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49152571/