Как создать динамическое меню в Aurelia

Question

У меня есть сайт Aurelia, и главное меню возвращается из WebApi в json formate. Для меню в Aurelia я использую «маршрутизатор» и маршрутизатор код является расслоение плотной:

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 и заполнить маршруты в вышеуказанной функции?

Answer 1

Я бы ввел клиент http, позвонил в мой api, получил json и использовал цикл, чтобы нажимать json-объекты на мой массив карт. Я бы с удовольствием написал это, но сейчас я нахожусь на своем телефоне. Вы должны получить основную идею: