Question

我有一个模块化的角度2应用程序，每个模块中定义了子路由，主路由文件如下：

import { Routes, RouterModule } from '@angular/router';
import { ModuleWithProviders } from '@angular/core';

const appRoutes: Routes = [
    {
        path: 'a', loadChildren: './src/a.module#AModule'
    },
    {
        path: 'b', loadChildren: './src/b.module#BModule'
    },
    { path: '', redirectTo: '/a/1', pathMatch: 'full' },
    { path: '**', redirectTo: '/a/1' }
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

问题是，我在A中有一个需要使用B组件的组件，在AC组件中我导航到BComponent，我做我在B中做的事情并回到AComponent，问题是我的AComponent是重新创建，填写的所有数据都将丢失。

我尝试使用RouteReuseStrategy并且无法正常工作，在此Plunker中是注释了RouteReuseStrategy的示例，以便在app.ts中取消注释代码。

有人知道如何导航而不会丢失以前路由中的数据而不使用ui-router？

如何重用有角度的2条路线？

0 个答案: