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.

Im Winkel 2, wie zu bewahren query params und fügen Sie zusätzliche query params route

Anzahl der Antworten 3 Antworten
So bin ich zum Beispiel auf der route /cars?type=coupe und ich möchten, navigieren Sie zu dem gleichen Endpunkt mit zusätzlichen query params (aber halten vorhandene). Ich versuche, so etwas wie dieses <a [routerLink]="['/cars']" [queryParams]="{model: 'renault'}" preserveQueryParams>Click</a> Den

Eckige 2-Routing-Fehler mit ModuleWithProviders

Anzahl der Antworten 2 Antworten
Ich bin neu in Eckige 2 ich brauche Hilfe auf der routing Teil. Ich bin mit http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial Ich bekam eine Fehlermeldung Exportierte variable 'routing' hat oder ist mit dem Namen 'ModuleWithProviders' vom externen Modul in "/home/frank/Winkel/node_modules/@eckig/core/src/Metadaten/ng_module", kann

Angular2 beta bekommen Ausnahme “Kein provider für Router! (RouterLink -> Router)"

Anzahl der Antworten 3 Antworten
Ich habe schlug meinen Kopf gegen das jetzt seit zwei Tagen. Ich bin versucht zu implementieren einige einfache routing in Angular2 beta0.0.2. Bitte beachten Sie, dass ich mit Typoskript. Also was ich verstehe ist, dass ich brauche,

Sich nicht binden 'routerLink' da ist es nicht eine bekannte Eigenschaft von 'a'. error-trotz Referenzierung-router moudule

Anzahl der Antworten 2 Antworten
Ich bin Implementierung von basic-routing in meinen eckigen 4-Anwendung und immer folgende Fehlermeldung beim laden der Anwendung im browser. Ich habe die Routen in approuting.Modul als auch auf das router-Modul in Ngmodule sowie approuting.- Modul. Nicht sicher,

Angular2 - Routers-Steckdose mit login-Struktur

Anzahl der Antworten 3 Antworten
Baue ich angular2 app und derzeit habe ich ein home-Komponente mit Navigationsleiste, Symbolleiste und router-Steckdose für die wichtigsten Inhalte. Ich möchte hinzufügen, eine extra Seite für den login-Mechanismus, so dass, wenn der Benutzer nicht authentifiziert ist die

Generieren von E-Mail-Links mit der String-Interpolation im Winkel 2

Anzahl der Antworten 1 Antworten
In meinem Winkel 2 app bin ich mit dem md-Menü und md-Symbol-Taste, um ein pop-up mit einer E-Mail-Adresse. Ich würde gerne die E-Mail-Adresse, öffnet sich tatsächlich auslösen der Benutzer die Standard-E-Mail-setup, wenn darauf geklickt wurde. Da bin

Angular2 Animation beim Laden und Page Transition

Anzahl der Antworten 2 Antworten
Derzeit zu versuchen, einige Animationen in meinem Angular2 Website mit ng2 ist gebaut animations Komponente. So weit ich habe durch den Winkel-2 Developer Guide - Animations in der Dokumentation. Mit, dass, obwohl ich habe ein paar Fragen,

Winkel 4 zu erweitern und zu implementieren

Anzahl der Antworten 1 Antworten
Ich habe einen Klasse Helden, die Bedürfnisse zu erweitern GoogleCharts Klasse. Ich habe auch implementieren müssen OnInit, um die Daten aus params. Wie kann ich dies tun? InformationsquelleAutor Radu Pop | 2017-06-14

Blättern Sie zu einem bestimmten element der aktuellen Seite im Winkel 4

Anzahl der Antworten 3 Antworten
Bei Klick auf einen button (der ist unten auf der Seite), ich will gehen, um ein bestimmtes element (in meinem Fall #navbar), die in den Anfang der aktuellen Seite, aber ich weiß nicht, wie es zu tun.

RouterLink innerhalb eines repeater-Winkel-2

Anzahl der Antworten 1 Antworten
Es ist ein routerLink, die es ermöglicht, die notwendigen Routen für die navigation zur Verfügung, mit der config. Es funktioniert gut, wenn es so etwas wie unten: HTML: <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#" [routerLink]="['/home']">Home</a> </li>

Eckige 2-Routing-Fehler 404

Anzahl der Antworten 1 Antworten
Hallo, ich versuche die route zu einem anderen Bildschirm aus der homepage mit Winkel-2. Allerdings, wenn ich erhalte eine 404-Fehlermeldung, die lautet: BEKOMMEN http://localhost:5000/map/1 404 (Nicht Gefunden) Die Anwendung integriert ASP.NET Kern auf das backend. Zwei Fragen:

Wie zu erkennen, URL-änderung im Winkel 2?

Anzahl der Antworten 1 Antworten
Route ändern kann erkannt werden, mit Hilfe der router.events stream. (Wie zu erkennen, eine route ändern, im Winkel 2?). Aber ich bin nicht sicher, zu erkennen, wie browser-URL ändern. Browser-URL ändern, kann nur verursacht werden durch 2

Eckige 2 - login-Seite umleiten

Anzahl der Antworten 2 Antworten
Rufen Sie zunächst das template login (login.component). Nach der Anmeldung laden app.component. Meine Frage ist, dass,ist das möglich? wie kann ich das tun? Pergunta Editada: Ich bereits verwenden, Aktivieren Können. Sorry, ich bin immer noch Englisch lernen.

RouteParams im Winkel 2 rc1

Anzahl der Antworten 2 Antworten
Ich habe versucht, Winkel 2 seit der beta und jetzt mit rc.0+, einige Dinge haben sich geändert. Einer von denen sind RouteParams, die nicht importiert werden können, von @Winkel/router. Und wenn ich versuche mit @Winkel - /router-veraltet,

Holen Sie sich einen Verweis auf eine Komponente der aktuellen route in den Winkel-2 router?

Anzahl der Antworten 4 Antworten
Ist es eine saubere Art und Weise, um einen Verweis auf die Komponente der aktuellen route? Diese scheint zu funktionieren, scheint aber sehr hacky: this.router.currentInstruction. component.componentType.prototype.somePropertyOrFunction(); Von wo aus möchten Sie, dass dieser Hinweis? Wichtigste Komponente,wo ich

ng2-übersetzen funktioniert nicht im lazy-Modul geladen

Anzahl der Antworten 2 Antworten
Ich bin mit der ng2-übersetzen für den Umgang mit Sprache in eine Eckige 2 RC5 app, die ich erschaffe. Die app hat zwei feature-Module, ein lazy geladen und eine eifrig geladen. TranslateModule zur Verfügung gestellt wird, über

Angular2 v3-Komponente-router: TypeError: Cannot read property 'split' von undefined

Anzahl der Antworten 1 Antworten
Ich vor kurzem schaltete mein angular2-app von RC-router der v3 router. Ich bin immer der Fehler TypeError: Cannot read property 'split' of undefined at match`. Nach dem aktivieren der Ablaufverfolgung auf dem router zu bekommen, die debug-Ausgabe,

Pre-fill input-text-Feldern aus der query params-auf Winkel-2

Anzahl der Antworten 1 Antworten
Ich habe ein Formular auf einer Seite mit 2 Eingabefeldern und wenn ich auf submit klicken, dann den router wechselt zu einer anderen Seite mit 2 Eingabefeldern und einem submit-button. Bisher habe ich es geschafft das passieren

Angular2 router-deprecated Abhängigkeiten nicht geladen werden

Anzahl der Antworten 3 Antworten
Habe ich vor kurzem aktualisiert meine angular2 version und habe das folgende Problem: Den router lib existiert nicht mehr, es wurde ersetzt durch router-veraltet. Habe ich diese Menü-Komponente: import { Component } from '@angular/core'; import { DashboardComponent

Eckige 2-Unit-Tests: nicht lösen Können alle Parameter für Router

Anzahl der Antworten 1 Antworten
Ich benutze unit-testing mit karma, mit Winkel-2. Fügte ich in meine Router-Dienst und zu, aber wenn ich Schreibe Testfall für die, die es durch mich folgenden Fehler. Error: Can't resolve all parameters for Router: (?, ?, ?,

Immer "Kein Anbieter Fehler" bei Verwendung von CanActivate guard

Anzahl der Antworten 3 Antworten
Dies ist die Wache: //my.guard.ts import { Injectable } from '@angular/core'; import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router'; Injectable() export class MyGuard implements CanActivate { canActivate(next: ActivatedRouteSnapshot, prev: RouterStateSnapshot) { console.log('GUARD:', next, prev); return true; }

Entfernen von Kopf-und Fußzeile bei der Anzeige von logout-Seite

Anzahl der Antworten 3 Antworten
Ich habe folgenden code in meine app.component.html <app-header ></app-header> <router-outlet></router-outlet> <app-footer ></app-footer> und in meiner routing-Datei verwende ich folgenden code import { Routes, RouterModule } from '@angular/router'; const appRoutes: Routes = [ { path: '', component: Home

Eckige 2 - test für den Wandel in der route, params

Anzahl der Antworten 2 Antworten
Habe ich eine Komponente im Winkel 2, die reagiert auf änderungen in der route-Parameter (Komponente laden nicht von Grund auf, weil wir nicht verschieben die Hauptroute. Hier ist die Komponente-code: export class MyComponent{ ngOnInit() { this._routeInfo.params.forEach((params: Params)

Routing umleiten zu root

Anzahl der Antworten 3 Antworten
Ich versuche, die route mit Router.navigate Methode. Ich folgte den Anweisungen auf den Brief, aber wenn ich die route via API, seine Neuladen der root-Seite. In meinem RootComponent ich bin versucht, diese._router.navigieren(['ABC', 'Seite1']); sollte die Umleitung mich

How to Unit-Test-Eckige 2-routing params

Anzahl der Antworten 2 Antworten
Sagen, dass ich will einfach nur den Komponententest eine Komponente, welche Parameter aus einem Teil der Strecke. Zum Beispiel, meine Komponente ngOnInit sieht wie folgt aus: ngOnInit() { this.route.parent.params.switchMap((params: Params) => this.service.getProject(params['projectId'])) .subscribe((project: Project) => this.update(project)); }

Nicht finden können Modul Angular-routing

Anzahl der Antworten 2 Antworten
Meine Ordner Struktur ist: +-- app.module.ts +-- app.routing.ts +-- app.component.ts +-- account/ | +-- account.module.ts | +-- account.routing.ts | +-- account.component.ts In meiner app.routing.ts habe ich, { path: 'account', loadChildren: './account/account.module#AccountModule' }, Und, Konto.routing.ts habe ich, {

HashLocationStrategy nicht erzeugen # Orte beim routing?

Anzahl der Antworten 2 Antworten
Ich bin mit den Winkel-2 beta.0 und ich bin Herumspielen mit routing. Hier ist, was ich haben AppComponent: import {Component, provide} from 'angular2/core'; import {bootstrap} from 'angular2/platform/browser'; import {FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/common'; import {Http, Response, HTTP_PROVIDERS} from

Verwenden RouterLink aus einer verschachtelten Komponente

Anzahl der Antworten 2 Antworten
Verwendung von Winkel-2 beta.0 Habe ich eine Komponenten-Struktur, wie so App (Has RouteConfig) -> List | -> ListItem (Want to use RouterLink from here) Dies führt zu einem Fehler: Component "List" has no route config. Also habe

MVC 6 Routing -, SPA-fallback + 404-Fehler-Seite

Anzahl der Antworten 3 Antworten
Mit RC1 von ASP.NET Core 1.0 MVC 6 Sie können die Karte Routen innerhalb Ihrer Startup.Configure Funktion beim Aufruf app.UseMvc. Ich habe zugeordnet, ein "spa-fallback" - route, die sicherstellen, dass die HomeController und Index anzeigen werden die

CORS-Politik : Keine "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource in ionic 2

Anzahl der Antworten 2 Antworten
Edit: Ich bin neu in hybrid-Entwicklung.Ich bezog mich in diesem Beispiel zum Parsen von json in listview mit ionic2. Aber wenn ich den code ausführen, konnte ich sehen nur den leeren Bildschirm im browser. Unten habe ich

Angular2 Komponente-Router-grundlegende Frage

Anzahl der Antworten 1 Antworten
Angefangen zu lernen angular2 beta-Komponente routing. Ich habe dies getan so weit. http://plnkr.co/edit/4YWWGhuBWd2CoWpC3GeY?p=preview Habe ich kopiert folgenden erforderlichen CDNs. bitte haben Sie einen Blick hier. <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/angular2-polyfills.js"></script> <script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script> <script src="https://code.angularjs.org/tools/typescript.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/Rx.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/router.dev.js"></script>

Angular2 Weiterleitung Nach Dem Login

Anzahl der Antworten 2 Antworten
Ich bin momentan dabei, ein system zur Authentifizierung in angular2 mit der Idee, dass, wenn ein Benutzer nicht authentifiziert ist, versucht, navigiert zu einem "geschützten" url, das system leitet den Benutzer auf die login-Seite, indem in der

Wie neu laden/aktualisieren Sie alle aktuellen Komponenten im angular2?

Anzahl der Antworten 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

Deaktivieren Sie alle queryParams mit neuen Router v3 Angular2

Anzahl der Antworten 3 Antworten
Ich versuche, herauszufinden, wie die Angular2 router-navigation (router-3.0.0-alpha.7) mit query-Parameter. Kann ich problemlos navigieren auf einer route mit einer queryParam mit dieser Zeile: this._router.navigate(['/login'], {queryParams: {redirect: 'route1'}}); In '/login' - Komponente, habe ich einige login die Weiterleitung

Nicht alle Strecken mit Kind Routen und neue eckige 2 RC1 router

Anzahl der Antworten 4 Antworten
ApplicationComponent import { Component } from '@angular/core'; import {Router, ROUTER_DIRECTIVES, Routes, ROUTER_PROVIDERS} from '@angular/router'; import {SchoolyearsComponent} from "./schoolyear/schoolyears.component"; @Component({ directives: [ROUTER_DIRECTIVES], providers: [ ROUTER_PROVIDERS ], templateUrl: './app/application.component.html', styleUrls: ['./app/application.component.css'] }) @Routes([ { path: '/', component: SchoolyearsComponent, },

PathLocationStrategy vs HashLocationStrategy in web-apps

Anzahl der Antworten 2 Antworten
Was sind die vor-und Nachteile der Verwendung von: PathLocationStrategy - Standard "HTML 5 pushState" - Stil. HashLocationStrategy - die "hash-URL" - Stil. beispielsweise mit HashLocationStrategy wird verhindert, dass die Funktion des Rollens, um ein element durch seine

Eckige 2-Ereignis, wenn alle [routerLink] geklickt wird

Anzahl der Antworten 3 Antworten
Habe ich eine einfache Loader-Service, verbirgt und zeigt gewisse Lader. Ich arbeite an etwas, das eine Menge, bei langsamen verbindungen, und ich brauche zum ein - /ausblenden ein-loader zwischen route ändert. Kann ich ausblenden, der Lader, wenn

Redirect zu einer neuen Seite in Eckigen 2-Routing

Anzahl der Antworten 3 Antworten
Habe ich ein Szenario sagen Startseite(app.Komponente.ts mit main.html), die weitergeleitet wird, als Standard app.Komponente.ts @RouteConfig([ {path: '/',name : 'Home' , component : HomeComponent , useAsDefault: true }, {path: '/user', name : 'User' , component : UserComponent },

Wie erstellen Sie einen link zu externe URL in Eckige 2

Anzahl der Antworten 1 Antworten
Ich bin neu in Eckig. Ich bin beginnend mit ver. 2. Ich brauche einen link zu einem file://... URL. Ich habe versucht normal href: Hinweis: app ist ein model-Objekt der Bahn, die sich mit Anwendungen. <a target="_blank"

Verhindern, dass das routing in Winkel, wenn der Benutzer manuell ändert die url im browser-tab

Anzahl der Antworten 4 Antworten
Ich bin stecken in einem Problem, das passiert, wenn Benutzer manuell ändert die route im browser-tab und die EINGABETASTE drückt. Dies zwingt meine ui-router/angular2-router, um die navigieren Sie zu dem Status vom Benutzer eingegeben. Ich möchte, um

Übergabe Wert zwischen zwei Komponenten (Seiten) im Winkel 2

Anzahl der Antworten 2 Antworten
Ich bin mit Winkel-2 (Typoskript) Habe ich zwei Komponenten (eigentlich sind es zwei Seiten zu). Sie sind NICHT Eltern und Kind-Beziehung. Möchte ich einen Wert übergeben, um die zweite Komponente(Seite), wenn ich auf den link in der

Wie neu laden einer Seite in angular2

Anzahl der Antworten 6 Antworten
Wie reload einer Seite in angular2. Während der Suche durch das Netz, bekam ich einen code "this._router.renavigate()" die Seite neu laden, aber sieht aus wie es funktioniert nicht mit der neuesten Version von angular2. Ein anderer Weg

So senden Sie einen Wert von einer Komponente zur anderen?

Anzahl der Antworten 3 Antworten
Ich eine componenet, in dem ich ein Eingabefeld und button.Klicken Sie auf der Taste bin ich diplaying der zweiten Komponente.Ich möchte zum senden von Daten von einer Komponente zu einer anderen Komponente ? wie sende ich Daten

End-Intervall, wenn sich die route ändert sich im Winkel 2

Anzahl der Antworten 3 Antworten
Starte ich einen timer in eine Eckige 2-Komponente, die in einem router-outlet. setInterval(() => { ... }, 10000); Wenn ich verlassen Sie den Weg, in welche die Komponente eingebettet ist, wird der timer nicht beenden. Wie kann

Angular2 Router link funktioniert nicht

Anzahl der Antworten 3 Antworten
Mein router link funktioniert aus der root-Komponente und den selben link funktioniert nicht bei mir bewegen sich die links zu untergeordneten Komponente. Die plunker code zeigt die funktionierende Verbindung und nicht funktionierender link. Vielen Dank im Voraus.

Winkel-2 aktuelle route

Anzahl der Antworten 7 Antworten
Also muss ich irgendwie prüfen, wenn ich auf der Startseite und etwas tun und auf den anderen Seiten nicht. Auch diese Komponente importiert, auf allen Seiten. Wie kann ich erkennen an, dass die Komponente, wenn ich auf

Angular2 router 2.0.0 nicht nachladen Komponenten, die bei der selben url geladen mit verschiedenen Parametern?

Anzahl der Antworten 3 Antworten
Habe ich dieses in meine .routing.ts-Datei export const routing = RouterModule.forChild([ { path: 'page/:id', component: PageComponent }]); Meine PageComponent Datei prüft den id-parameter und lädt die Daten entsprechend. In früheren Versionen des Routers, wenn ich von /page/4

Wie kann ich auf einer aktivierten Kind-route die Daten aus der übergeordneten route-Komponente?

Anzahl der Antworten 2 Antworten
const appRoutes: Routes = [ { path: 'parent', component: parentComp, data: { foo: 'parent data' }, children: [ { path: 'child1', component: childComp1, data: { bar: 'child data 1' }, { path: 'child2', component: childComp2, data: {

Relative links/teilweise Strecken mit routerLink

Anzahl der Antworten 3 Antworten
In meiner app einige URLs in der form /department/:dep/employee/:emp/contacts In meiner sidebar zeige ich eine Liste aller Mitarbeiter, von denen jeder eine [routerLink] die links zu, die Mitarbeiter, die Kontakte <ul> <li> <a [routerLink]="['/department', 1, 'employee', 1,

Eckige 2-Cli hinzufügen von Routen bestehenden Projekts

Anzahl der Antworten 6 Antworten
Habe ich einen vorhandenen Winkel-2 App. Nun würde ich gerne mit routing für die navigation. Gibt es eine Möglichkeit, add-Weiterleitung an einen vorhandenen Winkel-2-Projekt mit den Eckigen 2-Cli? Können sagen, ich habe eine Komponente "testen" wollen und