Als «angular2-routing» getaggte Fragen

Angular Routing ist eine integrierte Funktion, mit der Sie eine SPA-Benutzeroberfläche (Single Page Application) erstellen können, über die Benutzer zu verschiedenen Ansichten navigieren können, ohne jedes Mal die gesamte Seite vom Server neu laden zu müssen.

6
Warnen Sie den Benutzer vor nicht gespeicherten Änderungen, bevor Sie die Seite verlassen
Ich möchte Benutzer vor nicht gespeicherten Änderungen warnen, bevor sie eine bestimmte Seite meiner Angular 2-App verlassen. Normalerweise würde ich verwenden window.onbeforeunload, aber das funktioniert nicht für Anwendungen mit nur einer Seite. Ich habe festgestellt, dass Sie sich in Winkel 1 an das $locationChangeStartEreignis anschließen können, um eine confirmBox für …
2
"Fehler: Kein Anbieter für Router" beim Schreiben von Karma-Jasmine-Unit-Testfällen
Wir haben ein angle2-Projekt eingerichtet und innerhalb dieses Moduls ein Modul (my-module) und innerhalb dieses Moduls eine Komponente (my-new-component) mit den folgenden cmd-Befehlen erstellt: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Nachdem wir das Setup und alle Komponenten erstellt hatten, führten wir den ng …
3
Parameter an Route Guard übergeben
Ich arbeite an einer App mit vielen Rollen, die ich mithilfe von Wachen verwenden muss, um die Navigation für Teile der App basierend auf diesen Rollen zu blockieren. Mir ist klar, dass ich für jede Rolle individuelle Schutzklassen erstellen kann, aber lieber eine Klasse hätte, an die ich irgendwie einen …
6
Übergeben von Daten an untergeordnete Komponenten von "Router-Outlet"
Ich habe eine übergeordnete Komponente, die zum Server geht und ein Objekt abruft: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { …
7
Winkel 2 - Routing - Kann die Arbeit mit Observable aktivieren
Ich habe einen AuthGuard (für das Routing verwendet), der CanActivate implementiert . canActivate() { return this.loginService.isLoggedIn(); } Mein Problem ist, dass das CanActivate-Ergebnis von einem http-get-Ergebnis abhängt - der LoginService gibt ein Observable zurück . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Wie kann ich diese zusammenbringen - damit CanActivate …
16
Wie bestimme ich die URL der vorherigen Seite in Angular?
Angenommen, ich bin derzeit auf der Seite mit der URL /user/:id. Von dieser Seite navigiere ich nun zur nächsten Seite :id/posts. Gibt es jetzt einen Weg, damit ich überprüfen kann, was die vorherige URL ist, dh /user/:id. Unten sind meine Routen export const routes: Routes = [ { path: 'user/:id', …
11
'Router-Outlet' ist kein bekanntes Element
Ich habe ein MVC 5-Projekt mit einem eckigen Frontend. Ich wollte das Routing wie in diesem Tutorial beschrieben hinzufügen: https://angular.io/guide/router . Also habe _Layout.cshtmlich in meinem einen hinzugefügt <base href="/"> und habe mein Routing in meiner app.module erstellt. Aber wenn ich dies ausführe, erhalte ich den folgenden Fehler: Error: Template …
8
Wie teste ich eine Komponente, die von den Parametern von ActivatedRoute abhängt?
Ich teste eine Komponente, die zum Bearbeiten eines Objekts verwendet wird. Das Objekt verfügt über eine eindeutige idEigenschaft, die verwendet wird, um das bestimmte Objekt aus einem Array von Objekten abzurufen, die in einem Dienst gehostet werden. Das Spezifische idwird über einen Parameter beschafft, der über das Routing übergeben wird, …
2
Wie erhalte ich Parameter auf Angular2-Route auf Angular-Weise?
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: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' }, …
7
Angular2 canActivate () ruft die asynchrone Funktion auf
Ich versuche, Angular2-Router-Schutzvorrichtungen zu verwenden, um den Zugriff auf einige Seiten in meiner App einzuschränken. Ich verwende die Firebase-Authentifizierung. Um zu überprüfen, ob ein Benutzer bei Firebase angemeldet ist, muss ich .subscribe()das FirebaseAuthObjekt mit einem Rückruf aufrufen . Dies ist der Code für die Wache: import { CanActivate, Router, ActivatedRouteSnapshot, …
6
Angular2 - 'Router-Outlet' ist kein bekanntes Element
Ich habe Routen mit tiefen untergeordneten Pfaden erstellt. Ich <router-outlet>habe der AdminComponent- Komponente hinzugefügt , die ich in NgModule eingeschlossen habe. Aber nach dem Aktualisieren der Seite bekam ich diesen Fehler: 'router-outlet' is not a known element Vielleicht ist es passiert , weil ich vergessen habe, ein Modul in admin.module.ts …
13
Winkel 2: Abrufen von RouteParams von der übergeordneten Komponente
Wie erhalte 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 ParentComponentkann ich in der einfach meinen Benutzernamen param abrufen und die untergeordneten Routen festlegen. Parent.ts:: …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.