angular routerLink 在带有模块的组件中不起作用

Question

I'm trying to use RouterLink but nothing happens.

I have two components, the category and the savecategory. the savecategory is defined in the app.module in the declarations part and the category has its own module. so I'm importing your module into imports

App.module

@NgModule({
  declarations: [
    AppComponent,
    SavecategoriaComponent // <~ savecategory
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpModule,
    HttpClientModule,
    LoginModule,
    CategoriaModule,           // <~~CategoryModule
    NgbModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})

app-routing

const routes: Routes = [
  { path: 'login', component: LoginComponent },  
  { path: 'categoria', component: CategoriaComponent },
  { path: 'categoria/:id', component: CategoriaComponent },
  { path: 'savecategoria', component: SavecategoriaComponent },
  { path: '', pathMatch: 'full', redirectTo: 'login' }
];

Category.module

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    FormsModule,   
    HttpClientModule 
  ],
  declarations: [
    CategoriaComponent
  ]
})

I'm using the following router to go to login screen

<a routerLink="/">Home</a>

works perfectly in the savecategory but not in the category.

Is there any missing import in the category?

Answer 1

The routes array of routes describes how to navigate. Pass it to the RouterModule.forRoot method in the module imports to configure the router.

I included the routes const in the app.module.ts

app.module.ts (excerpt):

import { RouterModule } from '@angular/router';
....

const routes: Routes = [

  { path: 'login', component: LoginComponent },  
  { path: 'categoria', component: CategoriaComponent },
  { path: 'categoria/:id', component: CategoriaComponent },
  { path: 'savecategoria', component: SavecategoriaComponent },
  { path: '', pathMatch: 'full', redirectTo: 'login' }
];

@NgModule({
      declarations: [
        AppComponent,
        SavecategoriaComponent // <~ savecategory
      ],
      imports: [
        BrowserModule,
        FormsModule,
        RouterModule.forRoot(routes), //here for instance add it
        HttpModule,
        HttpClientModule,
        LoginModule,
        CategoriaModule,           // <~~CategoryModule
        NgbModule.forRoot()
      ],
        providers: [],
  bootstrap: [AppComponent]
})

Docs

Answer 2

The Categories Module requires you to import the RouterModule for the 'routerLink' directive to work in your template.

Hope it helps

Answer 3

如果一切顺利，应该可以工作，检查类别模块的路由，很可能没有处理该链接的路由。