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.
Verschiedenen Strecken ein und derselben Komponente
3 Antworten
Will ich etwas erreichen, wie dies /products zeigt alle Produkte und /products/:category zeigt alle Produkte einer bestimmten Kategorie. Das zu erreichen habe ich die folgenden Routen: const productsRoutes: Routes = [ { path: 'products', component: ProductsComponent, children:
Fehler: Nicht finden primären outlet-laden 'ProfileDetailsComponent'
1 Antworten
Ich versuche routing verwenden in meiner Anwendung, verwenden router der version 3.0.0-beta.1, die Anwendung läuft aber wenn ich auf den 'weiter' - button in subjects.component.html ich bin gespannt, der Inhalt von 'profileDetails.component.html'. Ich habe eine plunkr zB.
Eckige 2 - Test-Komponente mit dem router-Steckdose
2 Antworten
Habe ich erstellt eckigen 2-Projekt mit Winkel-cli. Ich erstellte separate AppRoutingModule die Exporte RouterModule und Hinzugefügt AppModule Importe array. Habe ich auch appComponent erstellt von angular-cli. app.component.html <nav> <a *ngFor="let view of views" routerLink="{{ view.address }}" routerLinkActive="active">{{
navigieren und navigateByUrl nicht richtig arbeiten, die in ngOnInit auf 2.0.0-rc.1
4 Antworten
Da die 2.0.0-rc.1 router.navigate oder router.navigateByUrl scheint nicht mehr zu arbeiten dann korrekt eingesetzt, wenn im inneren ngOnInit. Habe ich nicht bekommen, einen Fehler oder etwas, aber es sieht aus wie die navigate passiert das zu früh,
Angular2 - Update UI nach dem löschen
5 Antworten
Ich habe eine angular2 app, deren backend ist in java. Ich habe eine Liste von Kunden. Wenn ich auf das entfernen der AUFTRAGGEBER ist entfernt aber die Liste nicht aktualisieren. Wenn ich manuell die Seite aktualisieren dann
Blättern Sie Oben in angular2
8 Antworten
Arbeite ich an angular2 web-Anwendung, wo ich brauche Hilfe auf der folgenden. Meine Seite besteht aus mehreren Komponenten. Ich will Blättern Sie oben auf der Seite, wenn der Benutzer auf eine Schaltfläche klickt. Ich versuchte document.body.scrollTop =
TypeError: Cannot create property 'Prüfung' auf string '[email protected]' bei setUpControl
2 Antworten
Ich Gesicht Problem in formGroup. Zuerst auf URL-Basis nehme ich ein paar Wert-und Aufruf-API für das abrufen von bestimmten Benutzer-Daten für das pre-Feld text. register.html <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal"> <div class="form-group row"> <label for="inputEmail3" class="col-sm-4 ">Username</label> <div
Winkel-6 - multiple router-Steckdosen
1 Antworten
Ich will ein Enter-comp. als übersicht und im Grunde zwei Kind-comp. Zum Beispiel ein login - und register-comp. Des weiteren möchte ich die Verwaltung dieses mit mehreren router-outlets. Aber "natürlich" das es nicht funktioniert noch. Es hält
Kann nicht finden, name, @ - Routen
1 Antworten
Mache ich ein layout-Objekt, das mehrere Kinder hat und ich will das parent-Objekt zu deklarieren, das routing für alle untergeordneten Objekte - vorzugsweise nicht in meiner app.- Modul.ts. Hier ist mein markup für meine HomeLayoutComponent <router-outlet name="body"></router-outlet>
Übergeben Sie parameter in der route guard
3 Antworten
Arbeite ich an einer app, die eine Menge von Rollen, die ich verwenden müssen, die Wachen zu blockieren, die navigationssteuerung, um Teile der app basierend auf diesen Rollen. Ich weiß, ich kann einzelne Wache Klassen für jede
Angular2: Make route Pfade mit groß-und Kleinschreibung
7 Antworten
Habe ich die folgenden routing-Konfiguration. @RouteConfig([ { path: '/home', name: 'Homepage', component: HomepageComponent, useAsDefault: true } ) export class AppComponent { } wenn der browser zeigte /home diese route funktioniert, aber nicht für /Home oder jedem anderen
Winkel: kann Nicht finden, unterscheiden sich die Unterstützung Objekt '[object]'
4 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
Eckige 2-routing Rückkehr leere Seite, keine Fehler
3 Antworten
Ich bin in den Prozess der Modernisierung unserer WELLNESS-code-Basis von Winkel-2.0.0 zu 2.4.10 (Winkel-router 3.4.10). Jetzt aber das seltsamste Ding passiert: einige Strecken gut funktionieren, aber einige Strecken nichts zurück (wie eine leere Komponente) und absolut KEINE
Eckige 2-Routing mit Startseite
1 Antworten
Lerne ich Angular2 Routing und versuchen zum anzeigen der Willkommen-Seite. Meine app hat drei Seiten Willkommen-Seite (es ist nur eine leere Seite mit nur links zu anderen Routen) Homepage - Texte und Beschreibung Todo-Liste - auf der
Routing Mit ID in Eckigen 4
4 Antworten
Ich brauche Hilfe, in meinem routing im Winkel 4. Ich möchte die Anzeige der URL. Localhost:4200/user/1 ist, wenn ich klickte auf die details des ersten Benutzers. Ich bin ein bisschen verwirrt, wie dieser. Ich habe mein bestes
Wie neu laden/aktualisieren Sie alle aktuellen Komponenten im angular2?
1 Antworten
Hallo, ich bin mit dem neuen alpha-Komponente router von angularjs2 https://angular.io/docs/ts/latest/guide/router.html Habe ich ein modal, die sich ein Benutzer erstellt dann ein JWT in "localstorage" hält, die der Benutzer benötigt Informationen. Mein problem ist, dass wenn der
Angular2 nicht geladen Komponente, obwohl Webstorm behebt es richtig
3 Antworten
Bin ich zu Experimentieren, das folgende Samen aus https://github.com/NathanWalker/angular2-seed-advanced Habe ich Folgendes src Dateien: app.Komponente.ts import { ChangeDetectionStrategy } from 'angular2/core'; import { RouteConfig } from 'angular2/router'; import { NameListService } from '../../frameworks/app.framework/index'; import { RouteComponent, AnalyticsService
Angular 2.0 router funktioniert nicht auf Neuladen des Browsers
30 Antworten
Ich bin mit Winkel-2.0.0-alpha.30 version. Wenn Umleitung auf eine andere route, und aktualisieren Sie dann den browser , zeigt seine Nicht BEKOMMEN kann /route. Können Sie mir helfen mit, herauszufinden, warum dieser Fehler passiert ist. Ich denke,
Wie navigiere ich zu einem Geschwister-route?
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
Wie navigieren Sie in angular2 neuen tab
1 Antworten
Gibt es einen parameter, den router so, dass router.navigate() öffnet sich in einem neuen tab/Fenster im browser? Die router nicht unterstützt. Warum rufst du nicht einfach window.open()? Siehe auch stackoverflow.com/questions/4907843/... Ich will öffnen Sie eine router-url, nicht
Winkel 4 Winkel 5 Nicht finden können Modul '@eckig/router"
3 Antworten
Ich bin ein Upgrade von Winkel 2-Winkel-5. nach upgradation ich sehe die unten Fehler in der ts-Datei. in angular5 muss ich entfernen, @Winkel/Kern und @Winkel/router nach upgradation der Bereitstellung des Pakets.json auch bietet mein Fehler und code-snippet
Argument vom Typ '{header:Kopfzeile;}' ist nicht zuweisbare parameter des Typs "RequestOptionsArgs'
3 Antworten
Im Immer folgende Fehlermeldung beim Versuch, den pass-header in HTTP.POST/GET Anfrage Argument of type '{header:Header;}' is not assignable to parameter of type 'RequestOptionsArgs'. Property 'null' is missing in the type '{header:Header;}' Ich habe versucht viele Lösungen, aber
Winkel 2 : mehrere HTML-Seiten innerhalb der gleichen Komponente
3 Antworten
Ich bin neu eckig 2, ich habe eine Komponente namens-Register, in das 1-Komponenten-ich habe 5 HTML-Seiten, wo man auf der 1. Seite registrieren, werde ich ins 2. register-Seite und klicken Sie auf auf der 2. Registerseite gehe
Winkel-2 router-Fehler: Ungültige Konfiguration von route 'undefined'
3 Antworten
Ich bin mit der Winkelgeschwindigkeit 2 router 3.0.0-beta.2. Kann nicht scheinen, um eine einzelne route zu arbeiten. "Fehler: Ungültige Konfiguration von route 'undefined': die Komponente, redirectTo, die Kinder müssen zur Verfügung gestellt werden" main.ts import { bootstrap
Wie ändere ich die base-URL dynamisch in Eckige 2-routing?
1 Antworten
Derzeit habe ich routing einrichten in meinem Projekt. Jeder neue Benutzer wird umgeleitet auf: localhost:4200/default-Pfad/login Sobald der Benutzer sich anmeldet, sind Sie automatisch auf die home-Modul, die einige untergeordnete Routen navigiert werden kann. localhost:4200/default-Pfad/Hause localhost:4200/default-Pfad/home/account localhost:4200/default-Pfad/home/account/Profil localhost:4200/default-Pfad/home/dashboard
Winkel-4 - routing innerhalb einer Komponente(child-Routen) nicht richtig funktioniert
1 Antworten
Ich habe vor kurzem angefangen zu lernen angular4 und arbeitet zurzeit an routing in eckig. Ich folgte angular-routing-docs und begann mit der Umsetzung einige einfache Funktionalität der Kind-routing. Und ich bin mit ihm stecken. Unten ist mein
Bootstrap Navigation Menü in den Winkel-2
1 Antworten
Vom Bauen Sie eine Navigation mit Bootstrap 4, habe ich eine top-navigation Menü: <nav class="navbar navbar-fixed-top navbar-dark bg-inverse"> <div class="container"> <a class="navbar-brand">Angular Router</a> <ul class="nav navbar-nav" routerLinkActive="active"> <li class="nav-item"><a class="nav-link" routerLink="home">Home</a></li> <li class="nav-item"><a class="nav-link" routerLink="about">About</a></li> <li class="nav-item"><a
Eckige 2 - Wie bekomme ich die aktuelle url in der app-Komponente
4 Antworten
Ich versuche, aktuelle url der Anwendung in AppComponent aber es gibt immer den root-Pfad /. Beispiel, wenn ich Besuch /users im neuen tab, das erwartete Ergebnis sein sollte /users, aber wenn ich in der console, es zeigt
Lazy Loading BrowserModule bereits geladen wurde
7 Antworten
Ich versuche zu implementieren, lazy loading, aber immer Fehler wie folgt ** FEHLER Error: Uncaught (Versprechen): Fehler: BrowserModule hat bereits geladen worden. Wenn Sie benötigen Zugriff auf gemeinsame Richtlinien wie NgIf und NgFor von einem lazy geladene
Angular2 nicht lösen Können alle Parameter für RouterOutlet: (RouterOutletMap, ViewContainerRef, ?, name)
3 Antworten
Ich bin völlig neu für jedes JS-framework. Gerade angefangen zu lernen, Eckig 2. Ich bin dabei einige grundlegende app für das Praktikum. Aus Winkel-app, die ich veröffentlichen den Namen der Java-controller, info benötigt, und sendet es zurück.
Eckige 2-router-outlet-innerhalb der Komponente-Vorlage
1 Antworten
Ich habe das Spiel mit Routen im Winkel 2, aber ich habe ein Problem, ich finde keine Antwort für. Meine Routen sind "arbeiten" aber nicht so, wie ich bin hoffen. Ich bin versucht, diese zu verwenden, wie
Winkel 2: Mehrere layout-Dateien mit interpolation
3 Antworten
Baue ich eine Eckige 2-app und die Notwendigkeit der zwei layout-Dateien. Eine für den ausgeloggten Benutzer... (Login/Register Ansichten etc) und eine für angemeldete Benutzer zu sehen, die eigentliche app selbst. Wie kann das erreicht werden mit dem
Angular-routing vs Ionischen routing
1 Antworten
Ich bin neu ionic2. Es ist etwas seltsam in seiner routing im Vergleich zur reinen angular-routing. In Eckigen: const appRoutes: Routes = [ { path: 'crisis-center', component: CrisisListComponent }, { path: 'hero/:id', component: HeroDetailComponent }, { path:
Wie kann ich programmgesteuert die übergabe von Parametern an eine Hilfs-route in angular2+?
2 Antworten
Mit angular2, die ich öffnen möchte, Hilfs-route programmgesteuert in meine Komponente. Diesem code öffnet sich die route mit der "Liste" Weg und es öffnet sich die route in der richtigen namens-router outlet, aber ich bin nicht sicher,
Fehler: kann Nicht match irgendwelche Routen. URL-Segment: "
1 Antworten
Ich versuche zu reproduzieren mein problem mit Angular2 router aber ich kann nicht erstellen Sie eine Arbeitskopie von meinem Projekt in Plunker. Hier ist mein Versuch: https://plnkr.co/edit/1lpoYP4qlBZLuqZHW7Ft Ich habe folgende code-Zeile in die index.html - Datei für
So ändern übergeordneten Variablen von Kindern-Komponente?
3 Antworten
Diese Frage ist ganz einfach, aber ich kann nicht, es loszuwerden. Ich habe eine <header> im übergeordneten template und ich muss es verschwinden, wenn die Anzeige Kinder-Vorlage durch routing-Modul. Was ich erwarte ist eine Klasse hinzufügen, um
wie navigieren einer route auf eine andere, im Winkel 2
2 Antworten
Ich zwei verschiedene Komponente der Winkelgeschwindigkeit 2 .Ich bin Lern-routing über diesen link https://angular.io/docs/ts/latest/tutorial/toh-pt5.html Ich mache zwei Komponenten .In der ersten Komponente habe ich einen button, den ich verschieben möchten, gehen Sie zur zweiten Komponente hier ist
rc1-router "Kein provider für Router"
4 Antworten
Dies ist ein follow-up-post für einen Fehler, kommen nach @Shuhei half mir, mich gelöst config.js problem Winkel-2 rc-router angular2-polyfills.js:349 Fehler Dies ist meine app.Komponente.ts import { Component,provide } from '@angular/core'; import { RouteConfig, ROUTER_DIRECTIVES,Router } from '@angular/router-deprecated';
Wie pass-und get-parameter mit routerLink im Winkel 2?
3 Antworten
Möchte ich einen Wert übergeben mit der url mit routerLink. Und Lesen Sie den Wert auf einer anderen Seite. Wie ich haben Sie Produkt-Liste. Auf auswählen des ersten Datensatzes die id des Datensatzes übergeben, Produkt-detail-Seite. Nach dem
Winkel-4 Lazy Loading und Routen, die nicht arbeiten
2 Antworten
Habe ich ein Modul mit dem Strecken meiner app. Eine dieser Routen ist ein lazy loading-Modul. Das problem ist, dass dieses lazy loading module haves innerhalb eines Routen für die untergeordneten Komponenten. Aber auf mein router config
Angular2. Wie zum ausblenden(nicht darstellen) den link in das Menü nach dem check Zugang?
2 Antworten
Verstecken muss link im Menü auf der Grundlage der "routerLink" nach dem check ACL-Zugriff. Ich will nicht zu verwenden, Winkel-Richtlinien "*ngIf" auf jedes element link in der app (Notwendigkeit zu tun, dass globaly auf die routerConfig-definition) Inhalt
Winkel 2 dynamisch festgelegt routerLink mit einer Komponente Eigenschaft
3 Antworten
Erstellt habe ich eine Komponente enthält, die ein element mit einem routerLink Eigenschaft, die ich einstellen will aus einer Vorlage, der die Komponente verwendet. Wenn ich versuche, dies zu tun, erhalte ich die Fehlermeldung " kann Nicht
Winkel 2 Überprüfen Sie, ob query-parameter in der url vorhanden ist
6 Antworten
Ich brauche, um zu überprüfen, ob die aktuelle url-query-string. url http://localhost:4200/test?id=55555 oder http://localhost:4200/test Habe ich verwendet this.route.queryParams .filter(params => 'id' in params) .map(params => params.id) .distinctUntilChanged() .subscribe( id=> { //check lead Id here console.log(id); } ); Aber
Eckige 4 - Route-query params verursachen Pfad entsprechen scheitern
3 Antworten
Nach der Suche mehrere threads/Fragen die verschiedenen Arten von routing innerhalb Eckig 4, kann ich nicht beheben ein Problem, verbunden mit Weitergabe queryParams zu einer Eckigen 4-route. Bei der übergabe entweder in der url http://localhost/search;x=y durch die
Relativen Pfad für statische Dateien wie Bilder/css/js etc.
2 Antworten
Ich habe die Ordner-Struktur von /src/app/some-module/some-component und src/public/images/user.png. Nun, wenn ich bin, erklärte sich bereit, zu zeigen, ein Bild in meine einige-Komponente habe ich den Pfad als ../../../public/images/user.png zu sein scheint, zu naiv und verschwenderisch Mühe, wenn
Angular2 - Wenn die Aktualisierung der Seite, die url bleibt die gleiche, aber die entsprechenden anzeigen nicht geladen
5 Antworten
In Angular2, ich bin mit diesem Problem. Wenn Sie die Seite aktualisieren. Die URL bleibt gleich, aber es wird nicht geladen entsprechenden anzeigen in RouterOutlet. Alles funktioniert einwandfrei außer erfrischenden Seite Ausgabe. app.ts import {Component,bind} from 'angular2/core';
Nicht Lesen-Eigenschaft 'filter' von null im Winkel 2?
1 Antworten
Ich bin immer diese Fehlermeldung Nicht Lesen kann Eigenschaft 'filter' von null wenn ich die filter anwenden, die in Winkel-2 .hier ist mein code http://plnkr.co/edit/K46jJsnmHiONuqIsnuzW?p=preview import {Pipe} from 'angular2/core'; @Pipe({ name: 'sortByName', pure: false, }) export class
routerLink absolute url
3 Antworten
Vom Winkel-docs : Den router link-Richtlinie immer behandelt, sofern die Eingabe als delta auf die aktuelle url. Zum Beispiel, wenn die aktuelle url ist /user/(box//aux:team). Dann die folgenden link <a [routerLink]="['/user/jim']">Jim</a> generieren der link /user/(jim//aux:team). So, wie
Refresh-Komponente nach einem router.navigieren
3 Antworten
Ich bin versucht, navigieren Sie von einer Komponente auf eine andere Komponente mit : this.router.navigate(['/path/'], '_blank'); Das problem ist, dass die Komponente die ich am navigieren zu können, ist bereits erstellt, und die ngOnInit-Methode wird nicht ausgeführt,
Eckige 2 - Reload Komponente, wenn routerLink wieder geklickt
3 Antworten
Arbeite ich auf Eckige 2-Projekt mit folgenden Datei-Struktur. HeaderComponent.ts AppComponent.ts Page1Component.ts Page2Component.ts Habe ich folgende Vorlage in meinem HeaderComponent.ts <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span>