Question

我有一个负责登录的共享模块。我在我的appmodule和其他延迟加载的模块中使用它。

我正在分享我的代码： -

shared.module.ts文件

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { FormsModule } from '@angular/forms';
    import { HttpModule } from '@angular/http';
    import { SharedRoutingModule } from './shared-routing.module';
    import { UserauthComponent } from './userauth/userauth.component';

    @NgModule({
      imports: [
        CommonModule,
        SharedRoutingModule,
        FormsModule,
        HttpModule
      ],
      declarations: [ 
            UserauthComponent
        ],
        exports:
        [
            CommonModule,
            UserauthComponent,
            FormsModule
        ]
    })
    export class SharedModule { }

共享路由模块： -
 **shared-routing.module.ts**

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

    const routes: Routes = [];

    @NgModule({
      imports: [RouterModule.forChild(routes)],
      exports: [RouterModule]
    })
    export class SharedRoutingModule { }

在我的appmodule中，我已经包含了这个共享模块和我的   app-routing.module.ts文件由延迟加载的路由组成。我在尝试   从一个组件导航这个延迟加载的路由之一   在我的共享模块中。
     app.module.ts中的
代码。

    import { SharedModule } from './shared/shared.module';
@NgModule({
  declarations: [
   ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    SharedModule,
  ],
  providers: [ 

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app-routing.module.ts中的路由部分

    const routes: Routes = [

  { 
    path: '',
    component: ApplayoutComponent, 
    children: [
      {
         path: 'profile', 
         loadChildren: './userprofile/userprofile.module#UserprofileModule' 
      }

    ]
]

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

**

在我的userauth组件中，我正在尝试使用共享模块导航： - 块引用

**

this.route.navigate(['/profile']);

但它无效，此代码有什么问题？

导航到惰性模块无法使用共享模块组件

0 个答案: