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.

9
Angular2-Router behalten die Abfragezeichenfolge bei
Ich habe eine Angular2 (v2.0.1) -Anwendung geschrieben, die den Router verwendet. Die Website wird mit mehreren Abfragezeichenfolgenparametern geladen, sodass die vollständige URL zunächst folgendermaßen aussieht: https://my.application.com/?param1=val1&param2=val2&param3=val3 In meiner Routenkonfiguration habe ich einen Eintrag, der eine leere Route umleitet: const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' …

4
Übergeben mehrerer Routenparameter in Angular2
Ist es möglich, mehrere Routenparameter zu übergeben, zB wie unten müssen id1und id2an die übergeben werdencomponent B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }

11
Wie setze ich die Bootstrap-Navigationsleiste in Angular 2 auf "aktiv"?
Wie kann ich die Bootstrap-Navigationsleiste in Angular 2 auf "aktiv" setzen? Ich habe Angular nur 1 Weg gefunden . Wenn ich zur Seite " Info" gehe , füge sie class="active"zu " Info" hinzu und entferne sie class="active"auf der Startseite . <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> Vielen …

14
Unerwarteter Wert 'undefined', deklariert vom Modul 'AppModule'
Was ist hier falsch? Ich versuche es zum Laufen zu bringen, aber ich bekomme diesen Fehler in der Kopfzeile. Ich habe das <router-outlet></router-outlet>in das aufgenommen app.component.html, was von der templateUrlangerufen wird app.component.ts, immer noch kein Glück. app.module.ts : import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; …
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.