1
votes

Conditionnel sur la route dans le problème du fichier HTML

J'ai trouvé ce code pour détecter la route actuelle mais il ne semble pas fonctionner dans Angular 7.

Voici le code:

app.component.ts

<div *ngIf="router.url === '/someroute'">We are in someroute</div>

app.component.html

import { Routes } from '@angular/router';

...

constructor(private router: Routes) {}

Comment puis-je vérifier l'itinéraire dans le .html d'un composant dans NG 7?

angular angular7

0 commentaires

4 Réponses :

1
votes

Vous devez injecter Router au lieu de Routes

<div *ngIf="router.url === '/someroute'">We are in someroute</div>

et l'utiliser comme

import { Router } from '@angular/router';

...

constructor(public router: Router) {}

0 commentaires

0
votes

Si vous souhaitez l'utiliser dans le modèle, vous devez le définir comme public et non private et utiliser ActivatedRoute au lieu de Itinéraires

donc:

import { ActivatedRoute } from '@angular/router';

...

constructor(public router: ActivatedRoute) {}

0 commentaires

0
votes

L'URL n'est pas disponible sur Routes , vous devez utiliser Router

ci-dessous est un exemple,

<div *ngIf="router.url === '/someroute'">We are in someroute</div>

et en HTML,

import { Router } from '@angular/router'; constructor(private router: Router) {}

0 commentaires

0
votes

router doit être de type Router Not Routes et pour pouvoir l'utiliser dans le modèle de vue, il doit être public.

    import {  Router } from '@angular/router';
     .
     .
     .
     constructor(public router: Router) { }

0 commentaires