javascript - 如何在 aurelia 自定义组件中获取路由参数

Question

我正在 aureliajs 框架中创建一个自定义组件并将其注入(inject)一个 Router 实例:

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

它将与 ListView 模型一起使用，以设置一些基本的分页。因此，我需要从事件路线读取当前页码(看起来像:orders/:pageNum。但是我不确定该怎么做？我的意思是 - 我知道它可能应该是放置在 Pagination 附加方法中，但是如何获取此 :pageNum 参数？

Answer 1

在您的自定义元素中创建一个可绑定(bind)属性。从事件路由中获取页码并将其绑定(bind)到自定义元素。例如:

import { bindable } from 'aurelia-framework';

@inject(Router)
export class Pagination {

    @bindable page;

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

用法:

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

要获取事件路由中的页码，请使用 activate() Hook :

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