Fechar ABA interna

pedrodesantis
(usa Fedora)

Enviado em 09/12/2020 - 15:14h

Boa tarde,
Estou com uma dificuldade em realizar o procedimento de fechar uma ABA interna dentro do sistema.
Eu não tenho muito conhecimento em Angular.
Na imagem mostro uma ABA adicionada, porém eu preciso fechar ela.
Aqui está o codigo do botão que adiciona a ABA .

<button class="btn btn-default btn-sm" (click)="addoferta()"><i class="fas fa-plus" style='font-size:08px'></i></button>



Aqui está o código da ABA

<nav class="navbar">
<div style="position: absolute; font-size: 12px; margin-bottom: 50px; margin-top: 23px; margin-left: 10px; width: 150px; height: 61px">
<font color="#991f36">Oferta</font>
</div>
<ul class="d-flex justify-content-between nav nav-pills" id="pills-oferta-tab" data-toggle="pill" href="#pills-oferta" role="tab">
<li class="nav-item" *ngFor="let screen of formaoferta">
<a style="background-color: #9BCD9B; color: #991f36" class="nav-link {{screen.state}}" attr.id="{{screen.id}}" data-toggle="tab"
attr.href="{{screen.href}}" role="tab" attr.aria-controls="{{screen.aria}}"
aria-selected="false">{{screen.name.replace("_"," ")}}</a>
</li>
<button class="btn btn-default btn-sm" (click)="addoferta()"><i class="fas fa-plus" style='font-size:08px'></i></button>
<button class="btn btn-default btn-sm" (click)="formaofertaclose()"><i class="fas fa-trash" style='font-size:08px'></i></button>
</ul>
</nav>