как исправить angular ng для использования Float

Question

Я создаю систему рейтинга, количество звездочек может быть 3,5, 4,5 ... Я написал этот код

<div class="rating"  >
    <i class="icon-star  voted" *ngFor="let j of Arr(item.nbEtoile); let i = index;"></i>                    
</div>

проблема в том, что сайт ломается, когда item.nbEtoile становится 3,5 или любой другой номер с плавающей точкой.

Answer 1

Лучше round ваш массив до ngFor:

item.nbEtoile = item.nbEtoile.map(s=> Math.round(s));

, а затем итерация:

<div class="rating"  >
    <i class="icon-star  voted" 
        *ngFor="let j of item.nbEtoile; let i = index;"></i>                    
</div>