Angular dynamic accordion

I want to show my datas from my db with accordion using angular. ı dont use bootsrtap. ı don’t know how to do it ı found a documentation : https://www.npmjs.com/package/ng-dynamic-accordion?activeTab=readme about ng-dynamic-accordion but when ı try to npm i ng-dynamic-accordion ı get errors.

ı tried this :

listelehastalik(){

        for (let i =0; i<this.hastaHastalikList.length;i++){
            this.content+='<p-accordionTab header="Header I">n' +
                '                <div class=" col-12 md:col-6 lg:col-3">n' +
                '                    <h5 class="font-bold text-primary-700">Hastalık Adı</h5>n' +
                '                    <p>Hastalıkkkkkk Adı</p>n' +
                '                </div>n' +
                '                <div class=" col-12 md:col-6 lg:col-3">n' +
                '                    <h5 class="font-bold text-primary-700">Hastalık Tanımı</h5>n' +
                '                    <p>Hastalık Tnımı</p>n' +
                '                </div>n' +
                '                <div class=" col-12 md:col-6 lg:col-3">n' +
                '                    <h5 class="font-bold text-primary-700">Hastalık Belirtileri</h5>n' +
                '                    <p>Hastalık Belirtileri</p>n' +
                '                </div>n' +
                '                <div class=" col-12 md:col-6 lg:col-3">n' +
                '                    <h5 class="font-bold text-primary-700">Yapılması Gerekenler</h5>n' +
                '                    <p>Yapılması Gerekenler</p>n' +
                '                </div>n' +
                '                <div class=" col-12 md:col-6 lg:col-3">n' +
                '                    <h5 class="font-bold text-primary-700">Yapılmaması gerekenler</h5>n' +
                '                    <p>Yapılmaması gerekenler</p>n' +
                '                </div>n' +
                '            </p-accordionTab>';
        }
    }

but didint work