我有一个具有自己定义的路由的延迟加载模块。
这是应用程序的体系结构:
AppModule
“应用模块”通过此路由配置延迟加载HomeModule
:
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', loadChildren: './home/home.module#HomeModule' }
];
HomeModule
具有它自己的HomeRouterModule
,它通过此配置导入:(它也有CollectionModule
声明了CollectionComponent
的导入,类似于{{1} }和AddModule
)
DocumentModule
const routes: Routes = [
{ path: '', component: HomeComponent },
{
path: 'collections/:collection',
component: CollectionComponent,
children: [
{
path: '',
component: CollectionComponent
},
{
path: 'documents/addDoc',
component: AddComponent
},
{
path: 'documents/:docID',
component: DocumentComponent
}
]
}
];
的按钮具有CollectionComponent
指令:
[nsRouterLink]
但是,当我进入<FAB [nsRouterLink]="['./documents/addDoc']" icon="res://icon" rippleColor="red" class="fab-button"></FAB>
并尝试按导航到CollectionComponent
的按钮时,什么也没发生。我没有收到任何错误,但实际上是在导航。
要尝试调试此问题,我在AddComponent
中订阅了Router.events
,以查看是否实际发生任何路由,并且在尝试导航到AppModule
时得到了此消息。 :
AddComponent
我从中得到的是它可以识别路线,但是我不明白为什么没有导航。
感谢您的帮助。