Angular2 aktuelle route alias

Ich bin in der Lage get-aktuelle route - Pfad wie: /über uns, /, /news mit location.Pfad().
Aber wie bekomme ich den alias statt (die 'als' Teil in der definition einer route)?

{ path: '/about', as: 'About', component: About }

Ist es möglich?

warum wollen Sie zu get-alias ?
Da Pfade würde irgendwann lokalisiert. Ich dachte, es wäre besser, verwenden Sie Aliase für die überprüfung, auf welche Seite ich bin eigentlich auf

InformationsquelleAutor Pietrzm | 2015-12-27

  1. 3

    HINWEIS: im folgenden wurde getestet, mit der 2.0 beta-Serie. Die RC-Versionen haben einen aktualisierten router-Komponente mit den aktuellen änderungen. Die alte wurde umbenannt zu router-deprecated. Dieser wurde nicht getestet aber gegen den neuen router.

    Den folgenden drucken Foo oder Bar je nach Ihrer aktiven route.

    @Component({
    selector: 'app',
    templateUrl: 'app/app.html',
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  {path:'/', name: 'Foo', component: FooComponent, useAsDefault: true},
  {path:'/bar', name: 'Bar', component: BarComponent, useAsDefault: false},
])
export class AppComponent implements OnInit {
    constructor(private _router: Router) {
    }

    ngOnInit() {
        console.log('current route name', 
                    this._router.currentInstruction.component.routeName);
    }
}
    Wenn innerhalb einer sub-Komponente, die Sie verwenden können this._router.root.currentInstruction.component.routeName (Hinweis: root) - je nachdem, welche Wurzel Sie wissen wollen.

    InformationsquelleAutor konrad

  2. 2

    Nicht sehen können, ein Weg, um es, aber eine alternative ist die Verwendung RouteData übergeben Sie den alias der route

    https://angular.io/docs/ts/latest/api/router/RouteData-class.html

    InformationsquelleAutor Peter M

  3. 2

    Sollten Sie nicht verwenden, Lage, stattdessen sollten Sie Router verwenden, der die Instanz.

    In der Komponente, injizieren es in den Konstruktor mit:

    constructor(public router: Router)

    als könnten Sie erhalten den Namen der Komponente mit:

    this.router.currentInstruction.component.routeName

    Ich bin nicht sicher, wie Sie Sie erhalten als von der router config. Aber RouterLink Richtlinie sollte richtige Ort, um zu starten mit:
    https://angular.io/docs/ts/latest/api/router/RouterLink-directive.html

    aber warum nicht zu verwenden location.path() ?
    Wenn Sie hash-Strategie Lage.Pfad wird nicht funktionieren. url /#/über die Rückkehr '/' statt 'über'
    Die neueste iteration des Routers nicht enthalten currentInstruction was ist das äquivalent?

    InformationsquelleAutor Vlado Tesanovic

  4. 1

    Für >= Angular2 RC.x (der neue router)

    Gibt es keine Aliase mehr in den neuen router.

    Können Sie die relative route von der lokalen Komponente 

      routerOnActivate(curr:RouteSegment, prev?:RouteSegment, currTree?:RouteTree, prevTree?:RouteTree):void {
    console.log(curr.stringifiedUrlSegments);
  }

    oder den vollständigen Pfad mit

    constructor(private router:Router) {}

  routerOnActivate(curr:RouteSegment, prev?:RouteSegment, currTree?:RouteTree, prevTree?:RouteTree):void {
    console.log(this.router.serializeUrl(tree));
  }

    oder 

    constructor(router:Router, private location:Location) {
  router.changes.subscribe(() => {
    console.log(this.location.path());
  });
}
    Siehe auch stackoverflow.com/questions/37183874/...

    InformationsquelleAutor Günter Zöchbauer

  5. 0

    Wenn Sie wissen, die Liste der möglichen Aliase, dann ist es möglich, herauszufinden, den Namen der aktuellen alias-die Verwendung einer Kombination von router.generate und route.isActiveRoute:

    Ich habe zum Beispiel ein Assistent mit drei Schritten. Ich habe eine Liste von Schritt-Aliase in einem array:

    private wizardAliases = [
    'wizardStep1',
    'wizardStep2',
    'wizardStep3'
];

    Dann verwende ich den folgenden code, um zu bestimmen, die aktuellen alias-Namen:

    const alias = this.wizardAliases
    .map(alias => ({ alias, navigationInstruction: this.router.generate([alias]) }))
    .filter(x => this.router.isRouteActive(x.navigationInstruction))
    .map(x => x.alias);

if (alias.length === 1) {
    console.log(`alias is ${alias}`);
}

    Disclaimer: ich habe nicht versucht zu sehen, ob das funktioniert mit dem Parameter der route.

    InformationsquelleAutor Wayne Maurer

Schreibe einen Kommentar