При подключение компонента рейтинга, случайно заметил такую вещь: при движение мыши, компонент заново реднрится.
Код подключение:
<app-service-rating [serviceRating]="service.ratings"></app-service-rating>
Код компонента:
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-service-rating',
templateUrl: './service-rating.component.html',
styleUrls: ['./service-rating.component.sass']
})
export class ServiceRatingComponent implements OnInit {
@Input() serviceRating: number;
ratings: Array<any>;
constructor() { }
ngOnInit() {
this.ratings = [];
for(var i = 0; i < 5; i++) {
this.ratings.push(i);
}
}
getRating(index, serviceRating) {
if(index <= serviceRating) {
return 'service-rating__star service-rating__star_filled';
} else {
return 'service-rating__star';
}
}
}