2017-06-14 5 views
0

Wie kann ich einen Wert von Link in Winkel 4 bekommen, ich habe * ngIf gemacht und ich mag es div auf dem Wert des Link basierte zeigenWie Wert von Link zu bekommen in Winkel

<div *ngIf="get the value from the current href"> 
+0

von Link meinen Sie Fenster URL? –

+0

ja, die aktuelle URL –

+0

Sie Import {Router, ActivatedRoute} von '@ Winkel/Router' hinzuzufügen haben; –

Antwort

2
<div *ngIf="isHomePage()> 

und in TS,

isHomePage(): boolean { 
     return this.router.url == 'yourcheckurl'; 
    } 
+0

Es gibt einen Fehler [ts] Die Eigenschaft 'router' existiert beim Typ 'WorkComponent' nicht. –

+0

Importieren Sie {Router, ActivatedRoute} von '@ angular/router'; – Sajeetharan

+0

und im Konstruktor (Router: Router) – Sajeetharan

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

Add-Router in Konstruktor und Methode in der Klasse

constructor(router: Router) { 

} 

getUrl() { 
    return this.router.url; 
} 

Kein HTML-Code ändern

zu
<div *ngIf="getUrl()"> 
+0

Wenn ich Router URL überprüfen will was ich setzen, zum Beispiel: return this.router.url == 'home/1' oder 'http: // localhost: 4200/home/1' –

+0

, die auf Ihrer Anforderung basiert auf ist –

1

Sie Router in der Komponente importieren müssen

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

wenn Sie nicht @angular/router Sie "npm install @angular/router" jetzt injizieren Router in Ihrer Komponente laufen haben wie

constructor(private route: ActivatedRoute, private router: Router) { } 

jetzt können Sie eine Methode schreiben, die für Ihre URL true zurück

return this.router.url === 'your URL' 

dann können Sie diese Methode in *ngIf="isYourPage()" rufen

+0

, was die uRL aussehen wird; letzte Seite wie diese „home \ 1“ oder http: // localhost: 4200/home –

+1

bei der Implementierung abhängt, sollte es „home \ 1“, wenn Sie Routen wie folgt definieren https://angular.io/guide/router# redirecting-routes –

+0

Danke, \ home \ 1 ist die richtige URL –

Verwandte Themen