Как получить параметры маршрута в Aurelia пользовательского компоненте

Question

Я создаю пользовательский компонент в aureliajs рамок и инъекционный ему Router экземпляра:

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

Он будет использоваться список View-модель для того, чтобы настроить какое-то базовая разбивка на страницы. Поэтому мне нужно прочитать текущий номер страницы с активного маршрута (это будет выглядеть так: orders/:pageNum.Я не уверен, как это сделать? Я имею в виду - я знаю, что он, вероятно, должен быть помещен в Pagination приложенном методе, но как получить ? к этим :pageNum парам

Answer 1

Создать связываемое свойство в пользовательском элементе Возьмите номер страницы из активного маршрута и привязать его к пользовательскому элементу, например:..

import { bindable } from 'aurelia-framework'; 

@inject(Router) 
export class Pagination { 

    @bindable page; 

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

Использование:

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

Чтобы получить номер страницы в активном маршруте, используйте activate() крюк:

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

Answer 2

Вы можете использовать router.currentInstruction.params и router.currentInstruction.queryParams.

Вы также можете наблюдать маршрутизатор, чтобы получать уведомления при изменении маршрута:

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

    console.log(currentInstruction); 

});