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.
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
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>
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
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
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
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
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
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
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 {
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
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
5
Antworten
Wie zeige ich einen Ladebildschirm, wenn ich eine route im Winkel 2? InformationsquelleAutor der Frage think123 | 2016-05-06
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
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:
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
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.
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 {
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
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 :
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>
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
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",
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
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); }
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?
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
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
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
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
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
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',