Tag: angular2-routing

Winkel-Routing ist eine integrierte Funktion, die ermöglicht Ihnen das erstellen einer Single Page Application (SPA) Benutzer-Schnittstelle, wo die Benutzer navigieren können, um verschiedene Ansichten die zimmerreserviereung, ohne das ein reload der gesamten Seite vom server alle Zeit.

Angular 2 Router Auflösung mit Observable

Anzahl der Antworten 1 Antworten
Nach dem release von Angular 2 RC.5 es wurde eingeführt router beheben. Hier demonstrierte Beispiel mit Versprechen, wie Sie das gleiche tun, wenn ich die Anfrage an den server mit Beobachten? suchen.service.ts ... searchFields(id: number) { return

Angular2: Wie verwende ich Routen, um nach erfolgreicher Anmeldung die Navigationsleiste anzuzeigen?

Anzahl der Antworten 2 Antworten
Ich versuche zu zeigen, der Navigationsleiste, sobald sich der Benutzer erfolgreich tun. Beispiel: Wie der Wandel "showMenu" - Eigenschaft in "AppComponent" innerhalb der "LoginComponent"? Wichtig: ich bin mit Routen. app.ts: @Component({ selector: 'app', template: `<div *ngIf="showMenu"> <fnd-menu-nav></fnd-menu-nav>

Wie man Layouts in Angular2 umstellt

Anzahl der Antworten 4 Antworten
Was ist die best practices Möglichkeit, mit zwei völlig verschiedenen layouts in der gleichen Angular2 Anwendung? Zum Beispiel in meiner /login route, die ich haben will eine sehr einfache box, die horizontal und vertikal zentriert, für jeden

"Kein Provider für AuthGuard!" Mit CanActivate in Angular 2

Anzahl der Antworten 10 Antworten
EDIT : dies ist Offensichtlich veraltet, jetzt geben Sie Ihre Wache an der providers array in eine NgModule. Beobachten Sie andere Antworten oder offizielle Dokumentation für weitere Informationen. bootstrapping auf eine Komponente veraltet ist provideRouter() veraltet sowie

Angular 2: RouteParams von der übergeordneten Komponente abrufen

Anzahl der Antworten 12 Antworten
Wie bekomme ich die RouteParams von einer übergeordneten Komponente? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } Und dann, in der

Wie ermittelt man die URL der vorherigen Seite in Angular?

Anzahl der Antworten 6 Antworten
Angenommen, ich bin derzeit auf der Seite, die die URL /user/:id . Nun, von dieser Seite habe ich ein navigieren zur nächsten Seite :id/posts. Nun gibt es eine Möglichkeit, so dass ich überprüfen kann, was die Vorherige

Wie reagiere ich auf Komponenten in Angular2?

Anzahl der Antworten 2 Antworten
Ich bin waten mein Weg in die Angular2. Mein Ziel ist eine ansprechende app, die lädt verschiedene Komponenten in der Reaktion auf die verschiedenen media-queries für Geräte-breiten. Mein Beispiel hat eine MatchMediaService: import { Injectable } from

Unterstützt angular2 verschachtelte Zustände / Routen?

Anzahl der Antworten 2 Antworten
Tut angular2 Unterstützung von geschachtelten Staaten von Amerika/Routen? beispielsweise in einem view-port gibt es 2 links und beim Klick auf einen speziellen link, wird es eine Ansicht, die mit weiteren mehr als ein link, aber das sind

Unerwarteter Wert 'undefiniert' wurde vom Modul 'AppModule' deklariert

Anzahl der Antworten 6 Antworten
Was ist hier falsch? Ich versuche, damit es funktioniert, aber ich bekomme diesen Fehler in der Kopfzeile. Ich habe die <router-outlet></router-outlet> im app.component.html wird templateUrl genannt, die von der app.component.ts noch kein Glück. app.- Modul.ts: import {

Wie man Abfrageparameter mit einem routerLink im neuen Router V 3 alpha (vladivostok) übergibt

Anzahl der Antworten 1 Antworten
Möchte ich weitergeben einer Abfrage parameter prop=xxx. Nicht funktionierte <a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]>Somewhere</a> InformationsquelleAutor der Frage Günter Zöchbauer | 2016-06-17

Angular 2 - Wie benutzt man den neuen eckigen Router 2.0.0-rc.1?

Anzahl der Antworten 6 Antworten
Habe ich angefangen, zu schreiben, eine neue eckige 2-Projekt, und ich fand, dass ich installiert 2 Winkel-router: "@angular/router": "2.0.0-rc.1", "@angular/router-deprecated": "2.0.0-rc.1", Ich finde nicht in das eckige Website, wie der neue router. Zum Beispiel, welche Komponente brauche

Ladebildschirm beim Navigieren zwischen Routen in Angular 2 anzeigen

Anzahl der Antworten 5 Antworten
Wie zeige ich einen Ladebildschirm, wenn ich eine route im Winkel 2? InformationsquelleAutor der Frage think123 | 2016-05-06

Autoscroll in Angular 2

Anzahl der Antworten 10 Antworten
Ich hab ein Problem mit Winkel 2, in dem der Wechsel von einer route zur anderen nicht automatisch Blättern Sie zu der Spitze der neuen Ansicht. Ich merke, dass Winkel-1 erlaubte eine autoscroll Eigenschaft Hinzugefügt werden, um

Passive Verbindung in Angular 2 - & lt; a href = "" & gt; gleichwertig

Anzahl der Antworten 15 Antworten
In Den Winkel-1.x, ich kann einen link erstellen, der im Grunde nichts tut: <a href="">My Link</a> Aber der gleiche tag navigiert zu der app base im Winkel 2. Was ist das äquivalent von, im Winkel 2? Edit:

Angular2 Router, Routeninformationen von der URL abrufen, um Brotkrumen anzuzeigen

Anzahl der Antworten 2 Antworten
Ich bin mit angular2 router. Zeichnen Sie die breadcrumb einer url, können sagen, site.com/a/b/c/15 ich Tue das folgende: Holen Sie sich die route von site.com/a/b/c/15 und Holen Sie sich den schönen Namen verbunden, um die route Holen

Wie testet man eine Komponente, die von Parametern von ActivatedRoute abhängt?

Anzahl der Antworten 4 Antworten
Bin ich unit-Tests eine Komponente, die verwendet wird, um ein Objekt Bearbeiten. Das Objekt hat eine einzigartige id verwendet wird, um zu greifen, die spezifisches Objekt aus einem array von Objekten, die von Servern in einem service.

Angular2 Routing canActivate und AuthGuard (JWT) mit Benutzerrollenparameter

Anzahl der Antworten 2 Antworten
In diesem stehen im Beispiel-Projekt mit JWT-Authentifizierung wir se, wie damit nur authentifizierte Benutzer auf eine route: import { RouterConfig } from '@angular/router'; import { Home } from './home'; import { Login } from './login'; import {

Wie man als Kind eines Moduls zu einem Modul routet - Angular 2 RC 5

Anzahl der Antworten 6 Antworten
Ich bin in den Prozess der Aktualisierung einer Anwendung, die ich bin zu arbeiten auf, um den aktuellen Winkel-2 release candidate. Als Teil dieser Arbeit werde ich versuchen zu verwenden, die NgModule spec und Migration alle Teile

Angular 2 Umleiten zu 404 oder einem anderen Pfad, wenn der Pfad nicht existiert

Anzahl der Antworten 4 Antworten
Ich versuche zu redirect 404 / anderen Pfad, wenn der Pfad nicht vorhanden ist im Winkel 2 Habe ich versucht die Forschung es gibt einige Methode für Winkel-1, aber nicht eckig 2. Hier ist mein code :

Wie setze ich die Klasse Bootstrap navbar "aktiv" in Angular 2?

Anzahl der Antworten 9 Antworten
Wie kann ich Bootstrap navbar "active" - Klasse im Winkel 2? Ich fand nur Winkel-Weg 1. Wenn ich Über Seite hinzufügen class="active" zu Überund entfernen Sie class="active" auf Hause. <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li>

Wie übergebe ich einen Parameter an routerLink, der sich irgendwo in der URL befindet?

Anzahl der Antworten 2 Antworten
Ich weiß, ich kann ein parameter übergeben werden, um routerLink für Routen wie /user/:id schreiben [routerLink]="['/user', user.id]" aber was ist mit Strecken, wie zum Beispiel dieses: /user/:id/details Gibt es eine Möglichkeit diesen parameter setzen oder sollte ich

Übergeben mehrerer Routenparameter in Angular2

Anzahl der Antworten 3 Antworten
Ist es möglich, übergeben Sie mehrere Routen params z.B. wie unten übergeben müssen id1 und id2 zu den component B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId",

Angular: Kann kein unterstützendes Objekt '[Objekt Objekt]' finden

Anzahl der Antworten 2 Antworten
Im folgenden dieses tutorial. Auf dem Weg zum abrufen der Liste der Benutzer-api.github Im immer Fehler: Nicht finden kann, unterscheiden sich die Unterstützung Objekt '[object]' Ich denke, dass seine im Zusammenhang mit <ul> <li *ngFor = "#user

Angular 2 - Routing - CanActivate Arbeit mit Observable

Anzahl der Antworten 8 Antworten
Ich habe eine AuthGuard (für das routing), die CanActivate. canActivate() { return this.loginService.isLoggedIn(); } Mein problem ist, dass die CanActivate-Ergebnis hängt von einer http-get-Ergebnis - die LoginService gibt ein Beobachtbaren. isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); }

Wie kann ich das routerLink-Attribut bedingt deaktivieren?

Anzahl der Antworten 2 Antworten
In meinem Winkel-2 Anwendung, die ich bin versucht zu deaktivieren, routerLink ohne Erfolg. Ich habe versucht, behandeln Sie das click-Ereignis auf die click Ereignis (mit event.preventDefault() und event.stopPropagation()), aber es funktioniert nicht. Wie kann ich deaktivieren, routerLink?

Angular 2: Daten an Routen weitergeben?

Anzahl der Antworten 3 Antworten
Arbeite ich auf dieser angular2 Projekt, in dem ich bin mit ROUTER_DIRECTIVES zu navigieren von einer Komponente zur anderen. Es sind 2 Komponenten. also PagesComponent & DesignerComponent. Möchte ich die Navigation aus PagesComponent zu DesignerComponent. Bisher seine

Angular2 - Router Outlet ist kein bekanntes Element

Anzahl der Antworten 4 Antworten
Ich erstellte Routen mit tief Kind Pfade. Ich fügte <router-outlet> zu den AdminComponent Komponente, die ich eingewickelt in NgModule. Aber nach dem aktualisieren der Seite bekam ich diese Fehlermeldung: 'router-outlet' is not a known element Vielleicht geschah

ASP.NET 5 + Angular 2 Routing (Vorlagenseite wird nicht geladen)

Anzahl der Antworten 11 Antworten
Winkel 2 beta nutzt html5-routing standardmäßig. Allerdings, wenn Sie gehen, um eine Komponente und die route ändert (z.B. http://localhost:5000/aboutus) und Sie neu laden/aktualisieren der Seite, wird nichts geladen. Das Problem angesprochen wurde in diesem post auch. Die

Angular2 canActivate () ruft eine asynchrone Funktion auf

Anzahl der Antworten 4 Antworten
Ich versuche, mit Angular2 router Wachen, um den Zugriff auf einige Seiten in meinem app. Ich bin mit FB-Authentifizierung. Um zu überprüfen, ob ein Benutzer angemeldet ist mit der FB, habe ich zu nennen .subscribe() auf die

Angular2 Routerlink: Hinzufügen von Abfrageparametern

Anzahl der Antworten 2 Antworten
Wie kann ich eine Abfrage hinzufügen von Parametern zu routerLink? @RouteConfig { {path: '/search', name: 'Search', component: SearchCmp} } Let' sagen, ich will Weg zu /search?q=asdf, <a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a> dies

Angular 2 Router-Ereignis-Listener

Anzahl der Antworten 5 Antworten
Zuhören Zustand zu ändern, im Winkel 2 router? In Den Winkel-1.x ich habe dieses Ereignis: $rootScope.$on('$stateChangeStart', function(event,toState,toParams,fromState,fromParams, options){ ... }) So, wenn ich diese eventlistener-im Winkel-2: window.addEventListener("hashchange", () => {return console.log('ok')}, false); es ist nicht return 'ok',