相关疑难解决方法(0)

我正在做一个我的小项目，以了解有关Angular的更多信息，但是我真的无法弄清楚如何实现多层路由。

我已经阅读了有关路由器组件新版本的文档，以及关于StackOverlfow的其他一些主题（第一，第二，第三），但是找不到解决方案。

让我们考虑以下应用程序结构，而不考虑Test和Test2块。

让我们考虑一下我的应用程序的组件，如下所示：

主要

import { bootstrap }    from '@angular/platform-browser-dynamic';

import { MyAppComponent } from './my-app/my-app.component';
import { APP_ROUTER_PROVIDERS } from './my-app/my-app.routes';

bootstrap(MyAppComponent, [ APP_ROUTER_PROVIDERS ])
    .catch(err => console.error(err));

my-app.component.ts

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'my-app',
    template: '<router-outlet></router-outlet>',
    directives: [ROUTER_DIRECTIVES],
})

export class MyAppComponent { }

my-app.routes.ts

import { provideRouter, RouterConfig } from '@angular/router';

import { …