динамическая угловая маршрутизация без компонента

Question

У меня вопрос.

Я пытаюсь построить маршруты с помощью углового маршрутизатора.Если я использую нормально, все работает нормально.Пример:

const ROUTES: Routes = [
    {
        path: "Systems",
        component: AppComponent,
    },
    {
        path: "Identities",
        component: AppComponent,
    },
]

Я пытаюсь загрузить дочерние маршруты без создания маршрутов.

Я на странице http://localhost:4200/Systems. И попытаться запустить ссылку на http://localhost:4200/Systems/sub1. Но у меня нет названия следующей страницы sub1 в init app.Так можно ли установить новый маршрутизатор, например, this.router.navigate(['sub1'])....?Могу ли я создать маршрутизацию для Systems / .... из кодовой части?

И чем на странице sub1 я устанавливаю ссылку на страницу = http://localhost:4200/Systems/sub1/sub2 и т. Д.

Я хочу создатьдинамическая маршрутизация без установки маршрутов в Init.Я хочу добавить маршруты в момент загрузки следующей части приложения.URL будет расти с каждой ссылкой.

Надеюсь, это понятно.

Answer 1

Да, вы можете.Вам необходимо создать дочерние маршруты для Systems/ пути.Этот дочерний маршрут будет принимать переменную с именем :sub.Так что вы можете направить на Systems/sub1 и Systems/sub2 и т. Д.

const ROUTES: Routes = [
    {
        path: "Systems",
        component: AppComponent,
        children: [
              {path: ':sub', component: AppComponent} 
        ]
    },
    {
        path: "Identities",
        component: AppComponent,
    },
]