mi primera pregunta aquí. Tengo un programa ejecutándose en Angular 11 con Bootstrap 4.1.3. Estoy tratando de hacer un botón que regrese a la pestaña de navegación anterior que el usuario estaba viendo, o simplemente un botón que vaya directamente a la pestaña anterior/siguiente también estaría bien. El código que estoy usando crea un botón que no hace nada al hacer clic. En este punto, he intentado todo lo que pude encontrar en Internet, pero nada parece funcionar correctamente. Y también, soy un principiante que usa Angular/Bootstrap. Entonces, ¿qué estoy haciendo mal? ¿Puede ayudarme alguien?

 <ul class="nav nav-tabs pl-1"> <li class="nav-item active"><a href="#home" data-toggle="tab" role="tab" class="nav-item nav-link" (click)="exibirAba('TAB1')">TAB1</a></li> <li><a href="#Dashboard" data-toggle="tab" role="tab" class="nav-item nav-link" (click)="exibirAba('TAB2')">TAB2</a></li> <li><a href="#Planilha" data-toggle="tab" role="tab" class="nav-item nav-link" (click)="exibirAba('TAB3')">TAB3</a></li> </ul>

 <a class="btn btn-primary btnPrevious">Back</a>

 $('.btnPrevious').click(function() { const prevTabLinkEl = $('.nav-tabs .active').closest('li').prev('li').find('a')[0]; const prevTab = new bootstrap.Tab(prevTabLinkEl); prevTab.show(); });