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

Question

在上图中，当我单击一个 div 中的评级按钮时，我使用 ngfor 来显示 matcards，它会影响所有相应的 divs 如何克服它。下面是 stackblitz 链接。 演示

标签： angularangular-materialtypescript-typings

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 )">

组件.ts

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

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