如何在Aurelia中创建动态菜单

时间:2016-06-08 10:02:08

标签: aurelia aurelia-binding aurelia-router aurelia-navigation

我有Aurelia网站,主菜单从json formate中的WebApi返回。 对于Aurelia的菜单,我使用" router"路由器的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;
}}

我希望所有路由都从API返回json返回。 如何调用API并填写上述函数中的路由?

1 个答案:

答案 0 :(得分:1)

我会注入一个http客户端,调用我的api,获取json并使用循环将json对象推送到我的map数组。我很乐意写出来,但我现在正打电话。你应该得到基本的想法