Javascript 安格拉斯。如何添加和删除类'；主动'；单击时打开按钮。和自动添加。启动组件时第一个元素处于活动状态？

我有个问题，请帮帮我。 -安格拉斯。单击按钮时如何添加和删除类“活动”。和自动添加。启动组件时第一个元素处于活动状态？ 这是我的密码

html:

 <div class="rap__content">
        <ul class="rap__logo d-flex justify-content-center p-3">
            <li *ngFor="let rapItem of heThongRap" class="rap__item ">
                <img [src]="rapItem.logo" alt="">
            </li>
        </ul> 
     </div>