2016-11-21 4 views
3

je l'aurais pensé trouver cette information serait simple avec tout le travail qui est entré dans Angular2 mais apparemment pas ...Obtenir l'URL complète lorsque vous utilisez Angular2

1) Comment puis-je obtenir le plein url de la route activée dans Angular2? Je sais que je peux appeler window.location.href mais je me demandais s'il y avait une manière angulaire.

2) Existe-t-il un moyen de "construire" une url? Si je sais quand la route que je veux et les paramètres pour cette route, puis-je construire le plein url?

+2

Le Plunker dans http://stackoverflow.com/questions/37517183/how-do-i-get-the-absolute-path-of-the-current-page-in-angular-2/37517504#37517504 fournit mes tentatives. –

+0

Lorsque l'extrait de plongeur fonctionne, vous voyez "chargement ..." puis rien. Cependant, avant de poster ma question, j'ai vu votre réponse pendant ma recherche, mais quand j'ai essayé location.prepareExternalUrl (location.path()), je n'ai reçu qu'un chemin absolu ... pas le chemin * full * (le chemin complet doit inclure protocole, hôte, port, etc.) – Jason

+0

Ouvrez la console du navigateur. Là, vous obtenez la sortie pour tous les exemples. A travaillé pour moi il y a 2h. –

Répondre

0

Si vous construisez l'URL et que vous voulez naviguer, vous pouvez utiliser la méthode navigateByUrl

router.navigateByUrl("/team/33/user/11"); 
// Navigate without updating the URL 
router.navigateByUrl("/team/33/user/11", { skipLocationChange: true}); 

https://angular.io/docs/ts/latest/api/router/index/Router-class.html#!#navigateByUrl-anchor

+0

Désolé pour une réponse différée Sumant - J'aurais dû être plus clair dans la mesure où je ne voulais pas faire de concaténation de chaînes. Ma question était plus autour de "Y at-il une méthode que je peux appeler avec des paramètres qui vont construire l'url". Cela étant dit, je vous créditerai puisque vous avez répondu à la question telle qu'elle a été écrite. – Jason

0

Vous pouvez obtenir l'URL complète dans angulaire 2 avec l'aide de document.location. Il se réfère à l'URL actuelle. De plus, document.location est équivalent à window.location.href.