Así que tengo una plantilla para Angular 2 y esta plantilla usa componentes jQuery que "funcionan". Bueno... Cuando se cambia el tamaño de la página, se activa una función jQuery que rediseña la barra lateral agregando todos los elementos de la barra de navegación superior usando el método "clonar()" de jQuery. Algo como esto:

 ... code ommited ... $navbar = $('nav').find('.navbar-collapse').first().clone(true); ... more code ommited...

Esto funciona bien, clona todos los elementos de la barra de navegación en la barra lateral. El único problema es un botón que tengo en la barra lateral para cerrar sesión en el sistema. Este es el código:

 <a class="text-danger link-pointer" (click)="doLogout()"> <i class="pe-7s-power"></i> Cerrar Sesión </a>

Como puede ver, uso el enlace (clic) que llama a un método de mi clase. El problema es: cuando se produce la clonación de jQuery, se clona, pero sin el enlace . Así que el enlace está roto. No puedo usar el enlace [routerlink] porque necesito ejecutar un código antes de redirigir al usuario a la página de cierre de sesión.

¿Alguna idea para hacer esto? Muchas gracias.