Wie Routenparameter in aurelia benutzerdefinierte Komponente erhalten

Question

Ich bin eine benutzerdefinierte Komponente in aureliajs Rahmen zu schaffen und eine Router Instanz Injektion:

@inject(Router) 
export class Pagination { 
    constructor(router) { 
     this.router = router; 
    } 
} 

Es wird einige mit Listenansicht-Modelle, um die Einrichtung verwendet werden einfache Paginierung. Daher muss ich die aktuelle Seitennummer von einer aktiven Route lesen (das würde wie folgt aussehen: orders/:pageNum. Ich bin mir nicht sicher, wie es geht? Ich meine - ich weiß, es sollte wahrscheinlich in Pagination angeschlossene Methode platziert werden, aber wie zu bekommen erstellen sie zu diesem :pageNum param

Answer 1

eine bindbare Eigenschaft in Ihrem benutzerdefinierten Element Nehmen sie die Seitenzahl aus der aktiven Route und binden sie es an das benutzerdefinierte Element zum Beispiel:..

import { bindable } from 'aurelia-framework'; 

@inject(Router) 
export class Pagination { 

    @bindable page; 

    constructor(router) { 
     this.router = router; 
    } 
} 

Verbrauch:

<pagination page.bind="page"></pagination> 

Um die Seitennummer in der aktiven Route zu erhalten, verwenden Sie die activate() Haken:

activate(params) { 
    this.page = params.pageNum; 
} 

Answer 2

Sie router.currentInstruction.params und router.currentInstruction.queryParams verwenden können.

Sie auch den Router benachrichtigt werden beobachten können, wenn die Routenänderungen:

let sub = this.bindingEngine.propertyObserver(
    this.router, 'currentInstruction').subscribe(currentInstruction => { 

    console.log(currentInstruction); 

});