пытаясь создать аурелию пойдут в плункер - PullRequest
0 голосов
/ 02 мая 2018

Я работаю над созданием страницы в plunker для демонстрации aurelia routing. Вот ссылка . По какой-то причине я не могу показать маршрут на странице. Я могу запустить подобный код в моей локальной среде просто отлично. Я думаю, что в плункере это что-то, что нужно сделать по-другому.

Вот код:

app.html

<template>
  <h1>Hello</h1>
  <div class="row col-lg-6 col-lg-offset-3">
    <div class="btn-group col-sm-offset-1" role="group" aria-label="...">
      <a repeat.for="row of router.navigation" class="${row.isActive ? 'active btn btn-primary' : 'btn btn-default'}" href.bind="row.href">
        ${row.title}
      </a>
    </div>
    <router-view></router-view>
  </div>
</template>

app.ts

import { Aurelia, PLATFORM } from "aurelia-framework";
import { Router, RouterConfiguration } from "aurelia-router";

export class App {
  router: Router;
  // Configure Routing
  configureRouter(config: RouterConfiguration, router: Router): void {
    console.log("Aurelia routing");
    config.title = "Aurelia Routing";
    // config.options.root = "/";
    config.map([
      {
        route: "",
        redirect: "home",
        settings: { icon: "home" }
      },
      {
        route: "home",
        moduleId: "./Home",
        nav: true,
        title: "Home",
        settings: { icon: "home" }
      },
      {
        route: "/support",
        moduleId: "./Support",
        nav: true,
        title: "Support Request",
        settings: { icon: "home" }
      }
    ]);
    this.router = router;
    console.log(router);
  }
  // console.log(this.router);
}

Более подробную информацию, такую ​​как начальная загрузка и т. Д., Можно найти в ссылка на плункер .

1 Ответ

0 голосов
/ 03 мая 2018

В вашем main.ts:

есть опечатка / ошибка
aurelia.use.basicConfiguration()

Должно быть:

aurelia.use.standardConfiguration()

Изменяя это, я увидел console.log сообщения, которые вы поместили в конфигурацию, но я получил другую ошибку, но маршрутизация теперь работает.

...