Как создать динамическое меню в Аурелии

Question

У меня есть сайт Aurelia, и главное меню возвращается из WebApi в формате json. Для меню в 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;
}}

Я хочу, чтобы все маршруты были загружены из JSON возвратов из API. Как я могу позвонить в API и заполнить маршруты в вышеуказанной функции?

Answer 1

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