в ngFor Если нажата кнопка в div, то нажата соответствующая кнопка в другом div

Question

На картинке выше я использовал ngfor для отображения карточек соответствия, когда я нажимаю на кнопку рейтинга в одном диве, во всех соответствующих делениях он действует, как преодолеть это. Ниже приведена ссылка на стекаблитц. ДЕМО

Answer 1

Вы забыли добавить оценку в свой файл ts

У меня есть форк и исправлена ​​проблема в вашей демонстрации стекаблиц

Вот ссылка

Answer 2

Ваша проблема решена, проверьте код ниже

Получить указатель курсов

   <div class="col-md-4 course-slider" *ngFor="let course of courses;let i = index;" id={{course.id}} appSliderItem>

Метка рейтинга приложения

 <app-star-rating rating="{{course.rating}}" [starCount]="starCount" (ratingUpdated)="onRatingChanged($event, i )">

Component.ts

public onRatingChanged(rating: number, index): void {
    this.courses[index].rating = rating;
}

URL-адрес Stackblitz - https://stackblitz.com/edit/angular-cex8kq?embed=1 Надеюсь, это поможет