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.
Mehrere canActivate Wachen alle laufen, wenn der erste ausfällt
4 Antworten
Ich habe eine route mit zwei canActivate Wachen (AuthGuard und RoleGuard). Die erste (AuthGuard) überprüft, ob der Benutzer eingeloggt ist und wenn nicht, leitet auf die login-Seite. Die zweite prüft, ob der Benutzer über eine Rolle definiert,
Winkel 2 router.navigieren
1 Antworten
Ich versuche zu navigieren, um die route im Winkel-2 mit einer Mischung von route und query-Parameter. Hier ist eine Beispiel-route, wo der Weg ist der Letzte Teil des Weges: { path: ':foo/:bar/:baz/page', component: AComponent } Versuchen zu
so ändern Sie-Seite Titel in angular2 router
12 Antworten
Ich versuche, den Titel der Seite ändern von der der router, kann das getan werden? import {RouteConfig} from 'angular2/router'; @RouteConfig([ {path: '/home', component: HomeCmp, name: 'HomeCmp' } ]) class MyApp {} InformationsquelleAutor der Frage B Hull |
Wie Seite neu laden mit Winkel-2
1 Antworten
wie kann ich die aktuelle Seite neu laden auf eckig-2 über TypeScript? Wenn ich navigieren Sie zu der aktuellen Seite, die nicht funktionieren. Ich nicht wollen, ändern Sie die url, params, nur um neu zu laden. InformationsquelleAutor
Dynamisches routing basierend auf externen Daten
2 Antworten
Arbeite ich an einer Anwendung, die zum konfigurieren von Routen basierend auf einigen externen Datenquelle. Den Lebenszyklus der app sieht wie folgt aus: ng2 inits mit App App enthält Header -, router-Steckdose, - und Fußzeile default route
Mit Angular2, wie die Umleitung zur vorherigen url vor dem login umleiten
4 Antworten
Mit Angular2 erstellen eine einzelne Seite app, ich bin abfangen von nicht authentifizierten Benutzer den Zugriff auf nicht öffentliche Wege in eine benutzerdefinierte RouterOutlet und umleiten Sie zu einem login-Ansicht. Nach einem erfolgreichen login, ich will leitet
Wie man nur Weg von der vollen url-Zeichenfolge
6 Antworten
Wenn mit Router ( this.router.url) ich werde den string /MyRouterName?type=abc irgendwann /MyRouterName wenn keine parameter Bekomme ich nur den Pfad /MyRouterName (für alle Falle) aus der vollständigen url? InformationsquelleAutor der Frage Phan Hoàng Nhân | 2016-07-15
Ausblenden von Elementen basierend auf routing in Angular2 rc1
10 Antworten
Habe ich einige Elemente möchte ich auf jeder Seite Seite außer der login-Seite. Ich möchte die ngIf oder möglicherweise die hidden-Eigenschaft der Elemente, um das ausblenden von Elementen, wenn der Benutzer auf der login-Seite. Ich habe dies
Angular2 - Wie am besten umgehen abgelaufen Authentifizierungs-token?
5 Antworten
Ich bin mit Eckigen 2.1.2. Habe ich ein Authentifizierungs-token (mit angular2-jwt) und wenn es abläuft meine webApi Aufruf schlägt fehl mit Fehler 401. Ich bin auf der Suche nach einer Lösung, bei der der Benutzer nicht verlieren
Winkel: bestimmen aktive route mit Parametern?
7 Antworten
Habe ich gelesen diese Frage, wie zu bestimmen, die aktive routeaber es ist mir nicht klar, wie, um zu bestimmen, eine route aktiv mit Parameter? Genau jetzt mache ich es so: <a [routerLink]="['/Profile/Feed', {username: username}]" [ngClass]="{active: getLinkStyle('/profile/john_doe/feed')}">
Route ändern params, ohne nachladen, im Winkel 2
6 Antworten
Ich mache eine Immobilien-website mit Winkel 2, google maps, usw. und wenn ein Benutzer verschiebt den Mittelpunkt der Karte, ich eine Suche durchführen, um die api-Angabe der aktuellen position in der Karte sowie den radius. Die Sache
Angular2: nicht in der Lage zu navigieren, um url mit location.(url)
1 Antworten
Ich versuche zu navigieren, zu einer bestimmten url mit location.go-service von Typoskript-Funktion. Es ändert sich die url im browser, aber die Komponente der url ist nicht im Bildschirm spiegeln. Es bleibt auf dem login (ist) Bildschirm -
Wie behandeln query-Parameter in Winkel-2
10 Antworten
In meinem routable component ich habe @RouteConfig { {path: '/login', name: 'Login', component: LoginComponent} } Aber wie bekomme ich die query params, ob ich nach app_url/login?token=1234? InformationsquelleAutor der Frage monty_lennie | 2016-01-04
Angular2 router.navigieren Sie die Seite aktualisieren
5 Antworten
Dies ist, wie die Routen und Komponente Aussehen: Routen.config export const routes: RouterConfig = [ { path: 'users', component: UsersComponent, canActivate: [AuthGuard] }, { path: 'users/new', component: NewUserComponent }, ]; neu-user.Komponente addField(newName: string){ this.items.push({ name: newName, })
Warnung des Benutzers, nicht gespeicherte änderungen vor dem verlassen der Seite
5 Antworten
Möchte ich warnen, nicht gespeicherte änderungen vor dem verlassen einer Seite meine Winkel 2 app. Normalerweise würde ich window.onbeforeunloadaber das funktioniert nicht für single page Anwendungen. Ich habe festgestellt, dass, im Winkel 1, können Sie Haken in
Wie gehen Sie zurück Letzte Seite
11 Antworten
Ist es eine intelligente Art und Weise zu gehen, zurück, Letzte Seite, im Winkel 2? Etwas wie this._router.navigate(LASTPAGE); Zum Beispiel, die Seite C hat eine Gehen Sie Zurück - Taste, Seite A -> Seite C klicken Sie
"Fehler: Kein Provider für Router" beim Schreiben von Karma-Jasmine-Unit-Testfällen
1 Antworten
Wir getan haben, eine angular2 Projekt aufgesetzt und im inneren dieser erstellt ein Modul (my-Modul) und innerhalb dieses Modul erstellt eine Komponente (my-new-Komponente) mit folgenden cmd Befehlen: ng neue angular2test cd angular2test ng dienen ng g Modul
Wie rende ich eine Komponente manuell neu?
3 Antworten
Ich bin ein Neuling in Angular2, ich bin verwendet, um die Winkel-1 digest-Zyklus, das heißt, wenn ich update den Umfang einer Sicht kann ich manuell auslösen digest durch den Aufruf $scope.$digest(). Allerdings bin ich mir nicht sicher,
angular2 - Wie funktionieren "Importe" und "Exporte" in Angular2-Modulen?
4 Antworten
Ich bin völlig neu zu Angular2 und es war sehr schwierig zu verstehen, was ist Los mit den @NgModule Importe und Exporte in Angular2. Nehmen Sie den folgenden code zum Beispiel: @NgModule({ imports: [ RouterModule.forChild(heroesRoutes) ], exports:
Angular 2 Passing Objekt über Route Params möglich?
1 Antworten
Könnte ich einige Ratschläge, wie man diesen Ansatz problem ich bin vor. Zu erklären ist dies am besten möglich ist, für Sie habe ich eine Haupt-Komponente: @Component({ selector: 'main-component', providers: [...FORM_PROVIDERS, MainService, MainQuoteComponent], directives: [...ROUTER_DIRECTIVES, CORE_DIRECTIVES, RouterOutlet,
EmptyError: keine Elemente in Folge
5 Antworten
Ich bin ein Upgrade meines Angular2 app von 2.0.0 auf 2.3.0, und ich bin in den folgenden Fehler. Irgendwelche Ideen, warum? Ich sah diesen anderen post (Winkel-2.0.1-Router EmptyError: keine Elemente in der Reihenfolge), aber nach dem Versuch
Navigieren Sie relativ mit Angular 2 Router (Version 3)
3 Antworten
Wie Sie navigieren verwandten aus /questions/123/step1 zu /questions/123/step2 innerhalb einer Komponente mithilfe der Router ohne string-Verkettung und die Angabe /questions/123/? Habe ich eine eigene Antwort unten. Bitte fühlen Sie sich frei, Vorschläge für eine bessere Antwort. 😉
Angular 2 Nach oben bei Routenänderung blättern
16 Antworten
In meinem Winkel-2 app, wenn ich nach unten scrollen Sie eine Seite und klicken Sie auf den link am unteren Rand der Seite, es ändert sich die route und führt mich der nächsten Seite, aber es funktioniert
So erhalten Sie die aktuelle Route
23 Antworten
Den aktuellen docs reden nur über die erste route params, nicht die tatsächliche route Segmente. Zum Beispiel, wenn ich will, zu finden, die Eltern der aktuellen route, wie ist das möglich? InformationsquelleAutor der Frage pdeva | 2016-01-04
Wie erstelle ich in Angular 2 einen Singleton-Dienst?
11 Antworten
Habe ich gelesen, dass die Injektion beim bootstrapping sollten alle Kinder teilen sich die gleiche Instanz, aber meine Haupt-und header-Komponenten (Haupt-app enthält header-Komponente und router-outlet) sind jeweils immer separate Instanz des services. Ich habe eine FacebookService, die
Wie bekomme ich Parameter auf der Angular2 Route in Angular Way?
1 Antworten
Route const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] Komponente const NAVBAR = [ { name: 'Banks', submenu: [ {
Wie bestimmen Sie in Angular die aktive Route?
25 Antworten
HINWEIS: Es gibt viele verschiedene Antworten hier und die meisten wirksam gewesen auf einen Zeitpunkt oder ein anderes. Die Tatsache ist, dass etwas, was sich geändert hat, eine Anzahl von Zeiten als die Angular-team hat sich verändert
Angular2 Routing / Deep Linking funktioniert nicht mit Apache 404
5 Antworten
Ich bin nach dem Winkel-2-routing-Beispiele. Mit der "lite" - webserver bin ich in der Lage zu navigieren, von der Wurzel und deep-linking funktioniert, aber mit Apache kann ich die Navigation aus der Wurzel, sondern Holen 404 not
Zu derselben Route navigieren, die Komponente nicht aktualisieren?
1 Antworten
Habe ich aktualisiert, verwenden Sie die neue Eckige 2-router aus-router-veraltet und einige Verhalten sich geändert hat. Die Seite habe ich Probleme mit ist eine Suche-Seite. Wir haben uns entschieden, um alle Suchbegriffe in der URL mit der
Angular2 Multi-Router Outlet in der gleichen Vorlage
5 Antworten
Ist es möglich, mehrere router-Steckdose in der gleichen Vorlage? wenn ja, dann wie die Konfiguration der Routen? Ich bin mit angular2 beta. Dank. InformationsquelleAutor der Frage Islam | 2016-01-06
Angular 2 Unit Testkomponenten mit routerLink
3 Antworten
Ich versuche zu testen, meine Komponente mit Winkel-2 final, aber ich bekomme eine Fehlermeldung, da die Komponente verwendet die routerLink Richtlinie. Ich bekomme die folgende Fehlermeldung: Nicht binden 'routerLink' da ist es nicht eine bekannte Eigenschaft von
Wie kann ich die Ladegeschwindigkeit von Angular2-Apps verbessern?
4 Antworten
Angular2 app laden langsam, wie kann ich die Verbesserung der Leistung beim laden? Benutze ich Angular2, Typoskript mit html5. derzeit meine app dauert 4 Sekunden, um zu laden. Ich host mit FB und cloudflare nutzen. Dinge, die
Aktive Route kann nicht geladen / aktualisiert werden
7 Antworten
Habe ich vor kurzem aktualisiert, um die neue RC3 und Router3alpha und es scheint, einige Dinge haben sich geändert. Bemerkte ich, dass ein Klick auf den link einer aktiven route nicht mehr Ergebnis in die Komponente neu
Error: Uncaught (in promise): Fehler: Keine passenden Routen. Angular 2
8 Antworten
Fehler Ich bin umgesetzt verschachtelte routing in meiner app. wenn die Anwendung lädt die zeigt login-Bildschirm nach dem login Ihre redirect auf die admin-Seite, wo weitere Kind Routen gibt es wie Benutzer -, Produkt -, api usw.
Umleiten zu einer anderen Komponente in @CanActivate in Angular2
5 Antworten
Gibt es eine Möglichkeit, wir können das umleiten auf eine andere Komponente von @CanActivate in Angular2 ? InformationsquelleAutor der Frage Vinz and Tonz | 2016-01-10
Eckige Weiterleitung zur Anmeldeseite
7 Antworten
Ich komme aus der Asp.Net MVC-Welt, wo Benutzer versucht auf eine Seite zuzugreifen, sind Sie nicht berechtigt sind, werden automatisch auf die Anmeldeseite umgeleitet. Ich versuche, dieses Verhalten zu reproduzieren auf Eckig. Ich kam accross die @CanActivate
Angular2 Router: Wie man Kindermodule mit ihren eigenen Routing-Regeln korrekt lädt
4 Antworten
hier ist mein Angular2 app-Struktur: Hier ist ein Teil von meinem code. Das folgende ist die wichtigste module des Angular2 app, dass die Einfuhren seine routing-Regeln und eine Kind-Modul (EdgeModule) und nutzt einige Komponenten im Zusammenhang mit
Angular 2 - So navigieren Sie zu einer anderen Route mit this.router.parent.navigate ('/ about')
5 Antworten
Eckig 2 - Wie navigieren Sie zu einer anderen route mit dieser.router.Eltern.navigate('/about'). Es scheint nicht zu funktionieren. Ich versuchte die Lage.gehen("/zu"); dass hat nicht funktioniert. grundsätzlich einmal ein Nutzer angemeldet hat, möchte ich weiterleiten auf eine andere
Wie man auf eine externe URL in Angular2 umleitet
9 Antworten
Was ist die Methode für das umleiten der Benutzer auf eine komplett externe URL in Eckigen 2. Zum Beispiel, wenn ich leiten den Benutzer auf eine OAuth2-server um sich zu authentifizieren, wie soll ich das tun? Location.go()Router.navigate()und
RangeError: Maximale Call-Stack-Größe überschritten Lazy Routing Angular 2
3 Antworten
Ich versuche, umzusetzen faul routing in meine app. Habe ich ein sehr großes Projekt und wenn es am router-nicht verwendet, ich AsyncRoute, aber jetzt wurde es entfernt. Also habe ich versucht zu implementieren, die neuesten lazy loading,
RouterLink funktioniert nicht
5 Antworten
Mein routing in der angular2 apps funktioniert gut. Aber ich werde einige routeLink basierend auf diese: Hier ist meine Reiseroute: const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, {
Wie kann ich von einer angular2 route auf eine externe URL umleiten, ohne eine Komponente zu verwenden?
7 Antworten
Ich würde gern eine externe Umleitung, sondern um alle Routen Einklang ich denke, es wäre schön, alles zu tun(auch externe Weiterleitungen) unter Router Staaten Konfiguration. also: const appRoutes: Routes = [ {path: '', component: HomeComponent}, {path: 'first',
Wie erkenne ich, dass der Benutzer in Angular2 zurück navigiert?
4 Antworten
Habe ich eine Komponente aus, und ich brauche, um zu erkennen, ob der Benutzer gedrückt Schaltfläche "zurück" in seinem browser zurück navigieren. Derzeit bin ich abonnieren router Veranstaltungen. constructor(private router: Router, private activatedRoute: ActivatedRoute) { this.routerSubscription =
Kann nicht alle Parameter für Router: (?,?,?,?,?,?,?) In Angular RC 5 beim Testen von Einheiten auflösen
6 Antworten
Ich nur ein Upgrade auf Winkel-RC 5 und nun alle Komponente, die mit 'ROUTER_DIRECTIVES" schlägt fehl mit " nicht lösen Können alle Parameter für Router: (?, ?, ?, ?, ?, ?, ?)' wenn ich versuche, die unit-Tests
Angular2 Router behält die Abfragezeichenfolge
6 Antworten
Schrieb ich einen Angular2 (v2.0.1) Anwendung, Umgang mit dem Fräser. Die website wird geladen, mit mehreren query-string-Parameter, so dass die volle URL zunächst sieht wie folgt aus: https://my.application.com/?param1=val1¶m2=val2¶m3=val3 In meiner route-Konfiguration, ich habe einen Eintrag, leitet eine
Wie navigiere ich zu einer Geschwisterroute?
2 Antworten
Lassen Sie uns annehmen, ich habe diese router-config export const EmployeeRoutes = [ { path: 'sales', component: SalesComponent }, { path: 'contacts', component: ContactsComponent } ]; haben und navigiert zu der SalesComponent über diese URL /department/7/employees/45/sales Nun
Daten an "router-outlet" Kindkomponenten übergeben (eckig 2)
3 Antworten
Habe ich eine übergeordnete Komponente, die geht an den server und holt ein Objekt. //parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void
Routing zwischen Modulen in Angular 2
3 Antworten
Ich Schreibe eine Anwendung, in der alle Funktionen über eine eigene Modul (Ein feature sein könnte, eine Seite oder einen Teil einer Seite). Dies, weil wir möchten, dass alle Funktionen über einen eigenen domain-Logik, services, Direktiven und-Komponenten,
Verwenden von Auflösen in Angular2-Routen
5 Antworten
Im Winkel 1 meine config sieht wie folgt aus: $routeProvider .when("/news", { templateUrl: "newsView.html", controller: "newsController", resolve: { message: function(messageService){ return messageService.getMessage(); } } }) Wie zu verwenden beheben in Angular2? InformationsquelleAutor der Frage Kyle | 2015-11-01
Angular 2 Reload Route bei Paramswechsel
7 Antworten
Da ich gerade am schreiben meiner ersten Winkel 2 Anwendung. Ich habe eine OverviewComponent die folgende einfache Vorlage: <div class="row"> <div class="col-lg-8"> <router-outlet></router-outlet> </div> <div class="col-lg-4"> <app-list></app-list> </div> </div> beim Zugriff auf die url / mein router