错误:未捕获承诺:错误:无法匹配任何路由 URL 段:'projectCategory-create',同时使用命名路由器出口

如何解决错误:未捕获承诺:错误:无法匹配任何路由 URL 段:'projectCategory-create',同时使用命名路由器出口

我想使用命名的路由器插座,但我遇到了问题, 这是我的代码..

app-routing.module.ts

const routes: Routes = [
          { path: '',component: GeneralComponent },{
            path: 'admin',loadChildren: () => import('./modules/admin/admin.module').then(m => m.AdminModule),canActivate: [AuthGuard],data: { roles: [ERole.admin] },},{
            path: 'login',component: LoginComponent
          },{ path: 'register',component: RegisterComponent },{ path: 'logout',component: logoutComponent },{ path: '',loadChildren: () => import('./modules/general/general.module').then(m => m.GeneralModule) },];
        
        @NgModule({
          imports: [RouterModule.forRoot(routes,{ relativeLinkResolution: 'legacy' })],exports: [RouterModule]
        })
        export class AppRoutingModule { }

app.component.html

<app-web-header></app-web-header>
        <app-admin-header></app-admin-header>
        <div class="wrapper ">
         <div> 
            <app-admin ></app-admin> 
        </div>
        <div> 
        <app-user-home></app-user-home>
        </div>
        <div class="push"></div>
        </div>
        <br>
        
        <app-web-footer></app-web-footer>

在这标签中,app-admin 用于管理内容,而 app-user-home 是公开的, 我在 app-user-home 中有一个路由器插座,在 app-admin 中有一个 我正在尝试将 app-admin 的路由器插座命名为这样的

admin.component.html

<div class="container register"  *ngIf="isAdmin">
      <div class="row">
          <div class="col-md-3 register-left">
              <img src="https://image.ibb.co/n7oTvU/logo_white.png" alt=""/>
              <h3>Welcome</h3>
              <p>You are 35 seconds away from earning your own money!</p>
              <input type="submit" name="" value="Login"/><br/>
          </div>
          <div class="col-md-9 register-right">
              <ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
                  <li class="nav-item">
                      <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Employee</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Hirer</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Hirer</a>
                  </li>
              </ul>
               <div class="tab-content" id="myTabContent">
                   <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                      <h3 class="register-heading">Add your project</h3>
                      <div class="row register-form">
                        <router-outlet  name='adminoutlet'></router-outlet>
                      </div>
                   </div>
               </div>
          </div>
     </div>
    </div> 

admin-routing.module.ts

  const routes: Routes = [{ 
      path: 'admin',//component: AdminComponent,//    canActivate: [AuthGuard],// data: { roles: [ERole.admin]},children: [
      { path: 'projects',component: ProjectFolderComponent,outlet: "adminoutlet"
    },{ path: 'projectCategory-create',component: CreateProjectCategoryComponent,{ path: 'projectCategory-list',component: ListProjectCategoryComponent,{ path: 'projectCategory/details',component: DetailsProjectCategoryComponent,{ path: 'firm-contact/create',component: CreateFirmContactComponent,outlet: "adminoutlet"
    }
    ]
    
    }];
    
    @NgModule({
      imports: [RouterModule.forChild(routes)],exports: [RouterModule]
    })
    export class AdminRoutingModule { }
    

在 admin-header.component.ts 上创建这样的链接

 public link1 =  [{ outlets: { primary: ['admin'],adminoutlet: ['projectCategory-create'] } }];
 public link2 =  [{ outlets: { primary: ['admin'],adminoutlet: ['projectCategory-list'] } }];

并像这样在 admin-header.component.html 上使用它

<a  class="dropdown-item" [routerLink]=link1>Create </a>
<a class="dropdown-item" [routerLink]=link2>View</a>

但是当我运行代码时,它给了我错误

错误:未捕获(承诺):错误:无法匹配任何路由。 URLSegment:'projectCategory-create' 错误:无法匹配任何路由。 URLSegment: 'projectCategory-create'**

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?