Как обратиться к конкретной кнопке?

Question

[andrkkk]

Есть одинаковые блоки html кода,к примеру :

<div *ngFor="let car of carsArray">
    <div>
        <!--тут какая-либо информация о машине-->
    </div>
    <div>
        <button class="btn more-info-btn" (click)=showMore()>Подробнее</button>
    </div>
    <div *ngIf="needMore" class="additional-info">
        <!--тут доп. информация показывается при нажатии на кнопку-->
    </div>
</div>

Сам метод просто меняет логическую переменную:

showMore(){
    this.needMore = !this.needMore
  }

Проблема в том, что т.к. компоненты грубо говоря одинаковые, при нажатии доп. информация открывается на всех карточках сразу, как открывать доп. инфу только на той карточке,где я нажал?

Answer 1

[Vitaliy]

<div *ngFor="let car of carsArray; let showMore">
    <div>
        <!--тут какая-либо информация о машине-->
    </div>
    <div>
        <button class="btn more-info-btn" (click)=showMore = !showMore>Подробнее</button>
    </div>
    <div *ngIf="needMore" class="additional-info">
        <!--тут доп. информация показывается при нажатии на кнопку-->
    </div>
</div>