Saltar al contenido

Cómo abrir una nueva pestaña con router.navigate en TypeScript

La guía paso a paso o código que hallarás en este artículo es la solución más rápida y válida que hallamos a tu duda o dilema.

Solución:

esta es mi solucion

const url = this.router.serializeUrl(this.router.createUrlTree(['/my/url/route'],  queryParams:  ...anyQueryParamsYouWantOrOmitThis  ));
window.open(url, '_blank');

Sí, como comentó @Daneille, debe manejarlo a su manera, ya que el complemento del enrutador de Durandal (función de navegación) no proporciona una forma de abrir una nueva pestaña.

Entonces es mejor manejar algo como comentaste.

if ($event.ctrlKey)  
    window.open(url); 

Este funciona con # hash (como https://example.com/#/users) y URL sin hash

openInNewTab(router: Router, namedRoute) 
    let newRelativeUrl = router.createUrlTree([namedRoute]);
    let baseUrl = window.location.href.replace(router.url, '');

    window.open(baseUrl + newRelativeUrl, '_blank');

Si te apasiona este mundo, puedes dejar una noticia acerca de qué te ha gustado de este ensayo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *