Angular: как сделать * ngFor в HTML

Question

У меня есть этот код HTML в приложении Angular, и я хочу отобразить ID_EXPEDIENTE при его выборе. Однако, когда я нажимаю на него, ничего не происходит.

<div class="accordion" id="accordionIDExpedientes" >
    <div class="card" *ngFor="let ACPGPAE of ACPGPA.AuditedClientPeriodFileFieldGroupsAcreditadoExpedientes">
        <div class="card-header">
            <h5 class="mb-0">
                <button class="btn btn-link btn-acreditados" data-toggle="collapse" attr.data-target="#{{ACPGPAE.ID_EXPEDIENTE}}" aria-expanded="true" attr.aria-controls="{{ACPGPAE.ID_EXPEDIENTE}}">
                    EXPEDIENTE: {{ACPGPAE.ID_EXPEDIENTE}}
                </button>
            </h5>
        </div>    
        <div attr.id="{{ACPGPAE.ID_EXPEDIENTE}}" class="collapse show" data-parent="#accordionIDExpedientes">
            <div class="card-body">
                {{ACPGPAE.DIAS_IMPAGO}}
            </div>
        </div>
    </div>                   
</div>

Вы можете мне помочь? Спасибо!