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.

Winkel 2 Vorherige Seite-url

Anzahl der Antworten 1 Antworten
Habe ich zwei Komponenten. Kunden-und Versand-Komponenten. Wenn user kommen aus Versand-Komponente Customer-Komponente. Ich möchte die Kunden-Komponente direkt auf Sendung Komponente. Ich diese Methode verwenden. this._location.back(); von Ort eckig/common. Diese Methode bei jedem immer direkt auf der Rückseite.

Angular2 aktiviert route Parametern und den parent-Parameter

Anzahl der Antworten 3 Antworten
Wie bekomme ich die RouteParams von einer übergeordneten Komponente als auch die Kind-Routen export const routes: Routes = [ { path: '', redirectTo: 'list', pathMatch: 'full' }, { path: 'list', component: UsersComponent }, { path: ':id', component:

Unbehandelte Versprechen Ablehnung: Keine Anbieter für HTTPService

Anzahl der Antworten 2 Antworten
Bin ich die Migration meiner app auf die neueste RC und bin immer einige errors die ich nicht beheben kann. Vor der Entscheidung zu Fragen, hier habe ich eine Gründliche Suche, aber ohne Glück. So, die beim

Eckige 2-Rollen und-Berechtigungen

Anzahl der Antworten 3 Antworten
Habe ich verwendet angular2 und laravel 5.3 in meinem Projekt. in laravel, wenn der Benutzer eingeloggt, server, senden Sie die Berechtigungen der Benutzer zur Autorisierung in eckig. also schrieb ich eine Wache zum Schutz Routen, die vom

Eckig.io / Winkel 4. Wie aktualisieren Sie eine Komponente anzeigen, wenn die Auslösung einer anderen

Anzahl der Antworten 3 Antworten
Habe ich eine einfache Eckige.io-app. (Winkel-cli /4.1.0) Ich habe eine NavbarComponent macht, dass der Benutzername. Beim Zugriff auf die app das erste mal, dass ich bin nicht angemeldet und meine app leitet auf die LoginComponent. Meine NavBar

Angular2 router config, Präfix pathMatch funktioniert nicht

Anzahl der Antworten 3 Antworten
Aus, was ich verstehe, aus Angular2 router-Dokumentation, die Routen config default pathMatch Strategie ist "Präfix", "Präfix" pathMatch Strategie bedeutet, dass sich die app-router braucht nur zu schauen auf den Anfang der url und passen Sie es mit

Angular2 ohne hash in der url

Anzahl der Antworten 2 Antworten
Nun, meine website-url sieht wie folgt aus, denn ich bin mit der beschriebenen Methode hier http://localhost:4200/#/cadastro Ist es möglich, entfernen Sie das hash in der url und nicht den 404 Fehler? EDIT: Router-Modul Hinzugefügt const appRoutes: Routes

Angular2: wie umleiten, wenn die API einen Fehler zurückgibt?

Anzahl der Antworten 2 Antworten
In meinem Dienst, möchte ich ein Verhalten beschreiben, wenn der Benutzer umgeleitet wird, wenn nicht berechtigt. export class MessagesService { constructor (private http: Http) {} private _usersUrl = '/users.json'; //URL to web api getUsers() { return this.http.get(this._usersUrl)

Angular2, wie klare URL-query params auf router navigieren

Anzahl der Antworten 5 Antworten
Kämpfe ich mit dem löschen der URL-params während der nav in Eckig 2.4.2. Ich habe versucht, das anbringen jede option zu deaktivieren Sie die params werden unten in der Navigationsleiste, oder einer beliebigen Mischung darin navigieren, oder

Hash-Standort-Strategie in den Winkel-2

Anzahl der Antworten 4 Antworten
Ich versuche, eine Anwendung zu erstellen mit hash-Standort-Strategie, aber es muss nicht hinzufügen, der hash der url. Zum Beispiel wenn ich auf eine Schaltfläche verbunden mit { path: '/Umfragen', name: 'Umfragen', Komponente: PollsComponent } lädt er die

Wie die reload-Komponente der gleichen URL in Eckige 2?

Anzahl der Antworten 3 Antworten
Ich versuche, um neu zu laden Sie die gleiche url in Eckige 2 über router.navigieren, aber es funktioniert nicht. url : http://localhost:3000/landing Szenario : ich bin auf http://localhost:3000/landing und jetzt bin ich der änderung eines bestimmten Parameters

Angular2 router - Navigieren Sie zu der aktuellen Seite mit verschiedenen Parametern

Anzahl der Antworten 3 Antworten
Ich versuche, die route, um die aktuelle Seite mit anderen param-ohne Erfolg. Ich habe ein Kombinationsfeld, dass Trigger: this.router.navigate(['page', selectedId]); sich die Url ändern, aber das ist über es. Wie kann ich die route auf die gleiche

Nicht in der Lage zu injizieren ActivatedRouteSnapshot

Anzahl der Antworten 1 Antworten
Injektion ActivatedRouteSnapshot in eine Komponente nicht funktioniert (und weder ist die Injektion ActivatedRoute). Hier die stack-trace: "Error: Can't resolve all parameters for ActivatedRouteSnapshot: (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?). at SyntaxError.ZoneAwareError (http://localhost:4200/polyfills.bundle.js:7042:33)

So rufen Sie eine Funktion auf jeder route ändern in angular2

Anzahl der Antworten 4 Antworten
Mein Modul.ts, import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouterModule,Router } from '@angular/router'; import { AppComponent } from './crud/app.component'; import { Profile } from './profile/profile'; import { Mainapp } from

Eckige 2-Routing Funktioniert Nicht, Wenn Sie Eingesetzt werden, auf Http-Server

Anzahl der Antworten 14 Antworten
Werde ich die Entwicklung eines einfachen Winkel-2 Anwendung. Ich habe ein Projekt erstellt mit routing, mit Winkel-CLI und fügte hinzu, mehrere Komponenten, um die app mit 'ng erzeugen component" - Befehl. Dann habe ich angegeben das routing

Holen Sie sich aktuelle route ohne Parameter

Anzahl der Antworten 7 Antworten
Ich brauche, um meine aktuelle route ohne Parameter in Winkel-2, habe ich einen Weg gefunden, um die aktuelle route mit params wie folgt: this.router.url und dann aufteilen: this.router.url.split(';')[0] Aber das sieht aus, als workaround, ich denke, es

Winkel-2 v3 router - wie man parent-Parameter der route in der Kind-route

Anzahl der Antworten 3 Antworten
Habe ich eine route definiert, wie /abc/:id/xyz Wo abc/:id wird in einen Baugruppen und /xyz ist eine Kind-Komponente wird in einem router-Steckdose (ComponentB) Beim navigieren zu /abc/:id/xyz, wenn ich dies tun.route.params.abonnieren(...) (wo die route ist ein ActivatedRoute)

Winkel-Umleitung auf Standard-Kind anzeigen

Anzahl der Antworten 3 Antworten
Ich habe die folgende route-Konfiguration, aber ich bin immer der Fehler Invalid configuration of route 'tenant': redirectTo and children cannot be used together Einmal habe ich geklickt /Mieter möchte ich irgendwie zeigen, die Inhalte der beiden Mieter,

Uncaught ReferenceError: require ist nicht definiert angular2

Anzahl der Antworten 2 Antworten
<html> <head> <title>Angular 2 QuickStart</title> <!-- 1. Load libraries --> <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/rxjs/bundles/Rx.umd.js"></script> <script src="node_modules/angular2/bundles/angular2-all.umd.js"></script> <!-- 2. Load our 'modules' --> <script src='app/app.component.js'></script> <script src='app/boot.js'></script> <!--upgrade--> <script src="node_modules/angular2/upgrade.js"></script> </head> <!-- 3. Display the application --> <body>

Winkel-2 final - route ändern-parameter in der URL programmgesteuert

Anzahl der Antworten 1 Antworten
Davon ausgehen, ich bin eigentlich die Seite "Ergebnisse"... http://server/results;dateFrom=03-11-2016;page=1 Mich als die Ergebnisse-Seite, ich möchte die Seite zu laden 2, aber ich brauche, um die URL-Zeichenfolge auf dem browser http://server/results;dateFrom=03-11-2016;page=2 nur für den Fall, wenn jemand sich

die übergabe mehrerer Parameter in der route Winkel-4

Anzahl der Antworten 1 Antworten
Hallo, ich möchte einige params mit routing im Winkel 4 app-routing.- Modul.ts import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { StartGameComponent } from './start-game/start-game.component'; import { GameComponent } from './game/game.component';

Template parse error: Unexpected End-tag

Anzahl der Antworten 2 Antworten
Ich erhalte eine Fehlermeldung beim erneuten laden einige Routen in meiner app. Zuerst laden funktioniert http://localhost:8001, und alle anderen Routen von dort aus arbeiten. Aber wenn ich die Seite neu laden über einige andere route bekomme ich

Wie man aktuelle route, benutzerdefinierte Daten im Winkel 2?

Anzahl der Antworten 7 Antworten
Habe ich Routen einrichten ist wie unten const appRoutes: Routes = [ { path: 'login', component: LoginComponent, data: { title: 'Login TTX' } }, { path: 'list', component: ListingComponent, data: { title: ' TTX Home Page', module:'list'

EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul"

Anzahl der Antworten 5 Antworten
Ich versuche zu lazy load Winkel-2 Module mit dem router, und ich habe diesen Fehler: error_handler.js:50 EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul' Ich habe versucht, alle Antworten, die scheint zu funktionieren für andere, wie dieses,

Routing und navigation im Winkel 2

Anzahl der Antworten 6 Antworten
Gehe ich durch die tutorials für die Winkel 2 und in der Lage gewesen, um eine einfache Anwendung und Ausführung. Nun, ich bin bewegen Sie sich auf der routing-und Navigations-Teil hier gefunden https://angular.io/docs/ts/latest/guide/router.html, aber etwas funktioniert nicht

Angular2 Router - Wer weiß, wie zu verwenden canActivate in der app.ts also kann ich die redirect zur Startseite, wenn man nicht angemeldet

Anzahl der Antworten 5 Antworten
Angular2 Router - Wer weiß, wie zu verwenden canActivate in der app.ts also kann ich die redirect zur Startseite, wenn man nicht angemeldet Ich bin mit Typoskript und eckig 2. Aktuellen Versuch unter meine Konstruktor in meiner

Anwenden einer css-Klasse zu einer Komponente element, wenn es ist geschaffen durch router-Steckdose?

Anzahl der Antworten 8 Antworten
Habe ich DOM, der ungefähr so aussieht: <app> <router-outlet></router-outlet> <project>...</project> </app> wo project element wird eingefügt, indem Sie den router. Wie füge ich eine Klasse auf dieses element? InformationsquelleAutor Kugel | 2016-01-07

Angular2: Wie Sie herausfinden, was war der Vorherige Seite-url verwendet angular2 routing

Anzahl der Antworten 8 Antworten
Ich bin die Entwicklung einer angular2 app und ich nutze den router. Ich bin in eine Seite /myapp/signup. nach der Anmeldung navigiere ich durch die Verwendung /Anwendung/login. /myapp/Anmeldung kann auch navigiert werden von meiner home-Seite /Anwendung. So,

Holen Sie sich die route query params

Anzahl der Antworten 3 Antworten
Ich versuche, die Migration von rc1 bis rc4 und ich Schwierigkeiten haben, query-string-Parameter. ActivatedRoute Objekt immer leer. held.Komponente.ts import {Component, OnInit} from "@angular/core"; import {Control} from "@angular/common"; import {ROUTER_DIRECTIVES, ActivatedRoute} from '@angular/router'; @Component({ template: '../partials/main.html', directives: [ROUTER_DIRECTIVES]

Nicht alle Routen

Anzahl der Antworten 5 Antworten
Meine Komponente zeigt sich, aber ich bekomme eine Fehlermeldung, wenn die Seite geladen wird. Ich kann nicht scheinen, um zu lösen die Fehlermeldung überhaupt nach einem Blick auf ein Bündel von Ressourcen. Fehler EXCEPTION: Error: Uncaught (in

Eckige 2-routing und direkten Zugang zu einer spezifischen route : konfigurieren von Apache?

Anzahl der Antworten 1 Antworten
Ich entwickelte eine kleine Angular2 test-app, die neben anderen features, nutzt routing. Es funktioniert gut, solange der Benutzer greift auf die home-Seite, dann navigiert zu den untergeordneten Seiten. Wenn der Benutzer versucht, direkt auf eine Unterseite, bekam

Winkel 2, RC5-router-Steckdose in einem anderen-Routers-Steckdose

Anzahl der Antworten 1 Antworten
Ich versuche zu machen, ein Projekt mit einem router-Steckdose in einem anderen router-Ausgang: Wird es arbeiten wie diese: In der ersten router-Steckdose wird es in zwei Ansichten: auth-Komponente (/login) admin-Komponente (/admin) Dann in die zweite Steckdose wird

Angular2 aktuelle route alias

Anzahl der Antworten 5 Antworten
Ich bin in der Lage get-aktuelle route - Pfad wie: /über uns, /, /news mit location.Pfad(). Aber wie bekomme ich den alias statt (die 'als' Teil in der definition einer route)? { path: '/about', as: 'About', component:

Angular2 Hashtag routing zu Verankern, nicht bewegen-Seite

Anzahl der Antworten 7 Antworten
So habe ich den folgenden Beitrag, um herauszufinden, wie man ein fragment an die url an. Angular2 Routing mit Hashtag Sie auf Seite Anker Und das fragment Hinzugefügt wird in Ordnung, allerdings die Seite nicht verschieben, um

Angular2 Möglichkeit der Umwandlung von text zu url (Anker links)

Anzahl der Antworten 6 Antworten
Manchmal habe ich eine Komponente, die text empfangen kann, wie: text www.website.com Aber ich möchte um konvertieren zu einer url, wenn es ein link ist. Wie diese. text www.website.com Lese ich diese SO beantworten, die nahelegt, dass

Error: (SystemJS) nicht lösen Können alle Parameter für ActivatedRoute: (?, ?, ?, ?, ?, ?, ?, ?)

Anzahl der Antworten 2 Antworten
Ich versuche zu injizieren ActivatedRoute Komponente in meine Komponente, um Zugriff auf die Objekt-ID ich bin mit der Bearbeitung (oder zu finden, gibt es keine ID, param, neues Objekt erstellt wird). Ich habe nur die Vorlage für

Winkel-2 aktuelle route in der Wache

Anzahl der Antworten 3 Antworten
Ich habe eine AccessGuard Klasse in meinem Projekt, die seiner Arbeit ist es zu ermitteln, ob der Benutzer kann den Zugang zu der route oder nicht. Ich benutzte die router.url um die aktuelle route, aber die url

Winkel 2 neue Router: Wie man router-Parameter einer untergeordneten Komponente?

Anzahl der Antworten 4 Antworten
In der neuesten version von @angular/router 3.0.0-rc.1 Die Art und Weise erhalten Sie die Parameter aus einer URL/route geändert. Basierend auf diese Dokumentation, die Sie sollten in der Lage, das params-abonnieren Sie die params-aber in meinem Fall

Eckige 2 - Prüfen Sie die aktuellen active route "name"

Anzahl der Antworten 5 Antworten
Ich habe eine Eckige 2-Anwendung mit mehreren geschachtelten Kinder zu sehen. Aber es wird angezeigt auf der gleichen Seite obwohl für einige router-outlet. const routes: Routes = [ { path: 'queue/:date/:offset/:type', component: BundleListComponent, resolve: { response: BundleListResolve

Angular2 Router und Mehrere Beschlüsse in einer route

Anzahl der Antworten 2 Antworten
Im ui-router leicht zu machen, mehrere aufgelöst wird definiert in der route-Konfiguration, so können etwas sagen wie: export const APP_STATES: Ng2StateDeclaration = [ { name: 'dashboard', url: '/dashboard', component: DashboardComponent, resolve: [ { token: 'playbookDurations', deps: [DashboardService],

Abrufen hash-fragment der url mit Angular2

Anzahl der Antworten 5 Antworten
Angesichts dieser url-Struktur (über die ich keine Kontrolle haben), wie kann ich abrufen, das hash-fragment ist mit Angular2? http://your-redirect-uri#access_token=ACCESS-TOKEN Mein router hat eine route, um die richtige Komponente, aber alles nach oauth bekommen verschrottet und ich kann

provideRouter und RouterConfig nicht gefunden in der neuen @Winkel - /router-3.0.0-alpha.3^

Anzahl der Antworten 4 Antworten
Bin ich bei der Migration eines angular2 app RC2 und zu versuchen, die router-version 3 alpha. Ich habe für das set-up der plunker gegeben durch die Winkel-docs für routing Aber ich bekomme immer folgenden Fehler: /@eckig/router/index"' hat

Keine Anbieter für ActivatedRoute - Winkel 2 RC5

Anzahl der Antworten 3 Antworten
Nach dem Upgrade auf Winkel-2 RC5 (ab RC4) es scheint, ich kann nicht mehr Spritzen ActivatedRoute in meinen Komponenten. ORIGINAL-EXCEPTION: Kein Anbieter für ActivatedRoute! Hier ist das relevante Stück code: import { Component } from '@angular/core'; import

Angular2 - Redirect aufrufen von url nach erfolgreichem login

Anzahl der Antworten 1 Antworten
Habe ich meine Anwendung und Ausführung mit Eckigen 2.1.0. Die Routen sind geschützt über router Wachen, canActivate. Beim zeigen der browser zu einem geschützten Bereich, wie "localhost:8080/Kunden", die ich bekommen umgeleitet zu meinem login-Seite einfach wie erwartet.

Kann nicht binden 'routerLink' da ist es nicht eine bekannte Eigenschaft

Anzahl der Antworten 3 Antworten
Vor kurzem habe ich angefangen zu spielen mit Winkel-2. Es ist toll so weit. So habe ich begonnen, eine demo-persönliches Projekt, zum Wohle des Lernens mit angular-cli. Mit der basic-routing-setup, will ich jetzt navigieren Sie auf einige

Freigeben von Daten zwischen Komponenten über einen service Angular2

Anzahl der Antworten 3 Antworten
Ich entwickle eine Anwendung mit angular2. Ich habe ein Szenario, in dem ich übergeben zu müssen, komplexe Daten (array von Objekten) von einer Komponente zu einer anderen Komponente(Sie sind nicht Eltern-Kind, es sind zwei getrennte Bauteile), während

Nicht erfasste (Versprechen): TypeError: Cannot read property 'Komponente' von null

Anzahl der Antworten 1 Antworten
Immer diese Fehlermeldung, wenn Sie versuchen zu verwenden, nestet route in den Winkel-4: ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'component' of null TypeError: Cannot read property 'component' of null at PreActivation.webpackJsonp.../../../router/@angular/router.es5.js.PreActivation.traverseRoutes (http://localhost:4200/vendor.bundle.js:77976:71) at http://localhost:4200/vendor.bundle.js:77954:19

Angular2 Router: Error: Cannot find primäre outlet-laden 'InboxComponent'

Anzahl der Antworten 2 Antworten
Habe ich eine einfache app mit routing. Links "http://localhost:4200" und "http://localhost:4200/E-mail" gut funktionieren, aber wenn ich versuche um einen link zu öffnen "http://localhost:4200/mail/inbox" bekomme ich eine Fehlermeldung: "Cannot find primäre outlet-laden 'InboxComponent'". Was sind die Ursachen der

wie gehen RouteData über Router.navigieren Sie im angular2

Anzahl der Antworten 2 Antworten
Gibt es eine api, in agnular2, erlaubt die übergabe von json-Objekten anstelle von string-Werten . E. g. In Router.navigate() ich kann pass route Parameter Router.navigate('routename',[{key:stringvalue}]) und abrufen können es mit RouteParams.get(key) : string. Aber das gibt nur

Eckige 2 - ersetzen Geschichte anstatt zu drücken

Anzahl der Antworten 2 Antworten
So ersetzen Sie eine Geschichte, anstatt eine treibt neue, im Winkel 2 neue router (rc.1)? Z.B. im in einer Frage-Liste (/questions) Eröffnung einer neuen modal in eine neue route (/questions/add), und nach dem hinzufügen einer neuen Frage,