multiple routing files

[Hesesses]

Hello,

I have layout-routing.module.ts which has:

const routes: Routes = [
  {
    path: '', component: LayoutComponent, data: {breadcrumb: 'my app name'}, children: [
      {path: 'home', loadChildren: '../home/home.module#HomeModule'},
      {path: 'users', loadChildren: '../users/users.module#UsersModule'},
      {path: 'login', loadChildren: '../login/login.module#LoginModule'},
      { path: '**', redirectTo: '/home', }
    ],
  },
];

and then users-routing.module.ts

const routes: Routes = [
  {path: '', pathMatch: 'full', component: UsersComponent, data: {breadcrumb: 'Users'}},
  {path: 'add', component: AddUserComponent, data: { breadcrumb: 'Add new'}},
  { path: ':userId', data: {breadcrumbAlias: 'userFullname'}, children: [
      {path: '', component: ShowUserComponent},
      {path: 'edit', component: EditUserComponent, data: {breadcrumb: 'edit'}}
    ]}
];

What I would like to have is to have my app name always first part of the breadcrumb, is this possible this way?

[udayvunnam]

This should work. Do you see it not working @Hesesses?

[Hesesses]

Yes, for me it shows users / add new for example instead of app name / users / add new

[Hesesses]

Any updates on this? 🙏

[udayvunnam]

@Hesesses I will look into it, this weekend.

[udayvunnam]

Hi @Hesesses please check - https://github.com/udayvunnam/xng-breadcrumb#usage

[udayvunnam]

I have tested your use case and also added a demo and it seems to work. please check https://github.com/udayvunnam/xng-breadcrumb/blob/demo/projects/demo/src/app/app-routing.module.ts

[udayvunnam]

if you still face any issue please provide a https://stackblitz.com with example