Блог

я использую аккордеон bootstrap 4 внутри ngFor, я передаю индекс целевому элементу данных и идентификатору, идентификаторы приходят разные, но аккордеон не работает, поскольку он не работает с динамическим циклом for, ниже приведен код, может кто-нибудь, пожалуйста, помочь мне в этом. Заранее спасибо

 <div class="accordion" id="accordionExample">
    <div class="card mb-2" *ngFor="let list of workOrderList; let i=index">
        <div class="card-header bg-white" id="heading0">
            <h6 class="mb-0">
                <a type="button" class="" data-toggle="collapse" data-target="#collapse0">
                <i class="fa fa-plus"></i> {{list?.awoNumber}}</a>
            </h6>
        </div>
        <div id="collapse0" class="collapse" aria-labelledby="heading0" aria-expanded="true" data-parent="#accordionExample">
            <div class="card-body">
            <p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the
            structure of web pages.
                <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a>
            </p>
            </div>
        </div>
    </div>