如何在Aurelia中创建动态菜单

我有一个Aurelia站点，主菜单以json格式从WebApi返回。 对于Aurelia中的菜单，我使用的是“路由器”，路由器js代码是：

export class App {
configureRouter(config, router) {
    config.title = 'Aurelia';
    config.map([
      { route: ['','welcome'], name: 'welcome', moduleId: './welcome', nav: true, title:'Welcome' },
      { route: 'users',         name: 'users',    moduleId: './users',    nav: true, title:'Github Users' },
      { route: 'package-home',         name: 'package-home',    moduleId: './package-home',    nav: true, title:'package-home' },
      { route: 'package-lobby',         name: 'package-lobby',    moduleId: './package-lobby',    nav: true, title:'package-lobby' },
    ]);

    this.router = router;
}}

我希望所有路由都将从json加载，并从API返回。

---

如何调用API并在上述函数中填充路由？

我将插入一个http客户端，调用我的API，获取json并使用循环将json对象推送到我的映射数组。我很乐意写出来，但我现在正在打电话。你的基本想法应该是强硬的

Hi@Gilbert。我以前尝试过注入http并调用我的api，但它不起作用！我不能在configureRouter函数中调用api-它抛出一个可能重复的示例