Angular 4 route vers une url externe

Question

J'essaie d'obtenir une route vers une URL externe. Voici mon exemple jusqu'à présent.

L'erreur que je reçois est la suivante :

ERROR Erreur : Non attrapé (dans la promesse) : Erreur : Cannot match any routes. Segment d'URL : 'https:/google.com'.

Erreur : Impossible de faire correspondre des routes. Segment d'URL : 'https:/google.com'.

voici mon code

ViolatorLink() {
    this.router.navigate(['https://www.google.com/'], {
        queryParams: {mid: this.mid}
      }
    );
  }

Answer 1

L'idéal est d'utiliser l'option window.location.href = "https://www.google.com"; pour vos appels d'URL externes car this.router.navigate regarde l'URL dans angular routings .

Votre fonction devrait être la suivante :

ViolatorLink() {
    window.location.href = "https://www.google.com";
  }

Answer 2

Vous devez utiliser à la place de this.router.navigate

window.location.href = "https://www.google.com";

this.router.navigate permettra de naviguer uniquement vers les éléments configurés dans le module de configuration de votre routeur. Vous obtenez donc l'erreur ci-dessus.

Answer 3

<a [href]="https://www.yourExternalURL.com">

Je tape des caractères supplémentaires parce que l'OS a maintenant besoin d'au moins 30 caractères dans une réponse.