在ngFor中如果单击div中的按钮，则单击其他div中的相应按钮

Question

在上面的图片中，当我单击一个div中的评分按钮时，我使用ngfor来显示matcards，这正在影响所有相应的div中如何克服此问题。下面是stackblitz链接。 DEMO

Answer 1

您的问题已解决，请检查以下代码

获取课程索引

   <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;
}

Stackblitz URL-https://stackblitz.com/edit/angular-cex8kq?embed=1 希望这会有所帮助

Answer 2

您忘记在ts文件中添加评分

我有分叉，并在您的stackblitz演示中解决了该问题

Here is link