How to access a specific button?

Question

Angular

There are identical blocks of html code, for example:

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

The method itself just changes the boolean variable:

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

The problem is that since the components are roughly the same, when you press add. information opens on all cards at once, how to open additional. Old only on the card where I clicked?

Answer 1

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