小编Cod*_*eed的帖子

带有延迟加载模块的Angular Router面包屑

我正在使用Angular路由器动态添加面包屑。我遵循了几个示例,并让它们成功工作。

但是,如果尝试合并延迟加载的模块,则会收到错误消息:

Root segment cannot have matrix parameters
Run Code Online (Sandbox Code Playgroud)

我已经研究了该问题,但未能找到令人满意的信息/修复程序。

我用这个页面上要保存的大量代码创建了一个小工具:https : //plnkr.co/edit/505x2r

如何继续利用路由器中的动态面包屑创建功能,但同时也要使用延迟加载的路由。

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

import { RootComponent } from 'src/root/root.component';
import { IndexComponent } from 'src/index/index.component';
import { SignupComponent } from 'src/signup/signup.component';
import { SigninComponent } from 'src/signin/signin.component';

@NgModule({
    imports: [
        RouterModule.forChild([
            {
            path: '',
            component: RootComponent,
            children: [
                {
                    path: 'signin',
                    loadChildren: 'src/signin/signin.module#SigninModule'
                },
                {
                    path: 'signup',
                    component: SignupComponent,
                    data: {
                        breadcrumb: 'Sign Up'
                    }
                },
                {
                    path: '',
                    component: IndexComponent …
Run Code Online (Sandbox Code Playgroud)

lazy-loading breadcrumbs angular-ui-router angular

5
推荐指数
1
解决办法
5341
查看次数