Javascript 使用Angular 7进行内部页面导航

我有一个完整的ASP.NETZero应用程序导航工作。现在，我创建了一个要导航的内部页面，如下所示：

结构如下：

test.component.html的内容

：

<div [@routerTransition]>
<div class="m-content">
    <div class="m-portlet m-portlet--mobile tests">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">Spellings</h3>
                        </div>
                    </div>
                </div>
                <router-outlet></router-outlet>
            </div>
        </div>
    </div>
</div>

这可以加载主

test.component.html

，但不能填充其中的

，以导航到某些内部组件

请问，如何用默认值填充

test.component.html

的

对象

请参见此处的

src

文件夹内容：

---

在路由器中，您已将路由与空路由分组，但未将默认路由放入子路由中。在子级中创建一个

'

路由，该路由重定向或显示一个组件。如果这样做，我会松开

主路由。模块

导航。我需要创建一个导航，该导航依赖于为主应用程序创建的导航。请输入您的代码，这是错误的：在子路由中没有主路由。@Sonhja您可以上载主路由代码吗？我将上载应用程序的src代码。给我一点时间，让它在公共场所上传……在您的路由器中，您已将您的路由与空路由分组，但您没有在子级中放置默认路由。在子级中创建一个

'

路由，该路由重定向或显示一个组件。如果这样做，我会松开

主路由。模块

导航。我需要创建一个导航，该导航依赖于为主应用程序创建的导航。请输入您的代码，这是错误的：在子路由中没有主路由。@Sonhja您可以上载主路由代码吗？我将上载应用程序的src代码。给我一点时间，让它在公共场所上传。。。

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { TestComponent } from './test-list/test.component';
import { QuestionComponent } from './questions/questions.component';
import { TestContainerComponent } from './test-list/test-container/test-container.component';

@NgModule({
    imports: [
        RouterModule.forChild([
            {
                path: '',
                component: TestComponent,
                children: [
                    { path: 'test-container', component: TestContainerComponent, data: { permission: 'Pages.Tenant.Tests' } },
                    { path: 'questions/:testId', component: QuestionComponent, data: { permission: 'Pages.Tenant.Tests' } }
                ]
            }
        ])
    ],
    exports: [
        RouterModule
    ]
})
export class SpellingRoutingModule { }