延迟加载模块中的路由问题

时间:2018-08-19 21:36:56

标签: angular-ui-router angular2-nativescript

我有一个具有自己定义的路由的延迟加载模块。

这是应用程序的体系结构:

  • 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

我从中得到的是它可以识别路线,但是我不明白为什么没有导航。

感谢您的帮助。

0 个答案:

没有答案