通往儿童的角度路线

Question

Angular 基本路由问题： 这是我的 app.module.ts 中的 Routes 结构

const routes: Routes = [
{  path: 'ManagerDataContainer', component:ManagerDataContainerComponent,
  children:
  [
     { path: 'SysUsersForm', component: UsersFormComponent }
  ]
 ....

在 ManagerDataContainer 组件中，我有某种数据结构，我想通过这样做从锚点路由到 SysUsersForm：

<a [routerLink]= "getRouterByScreenID(screen.ScreenID)"...

应评估为：

<a routerLink= "SysUsersForm">AAAAAAA</a>

甚至

<a routerLink= "/SysUsersForm" routerLinkActive="active">AAA</a>  

这是ManagerDataContainer的模板：

   <div>
     <div *ngFor="let XXX of YYYYYYY">
         <!-- <a [routerLink]= "getRouterByScreenID(screen.ScreenID)" 
                       routerLinkActive="active">AAAAA</a>   -->
        <!-- <a [routerLink]= "SysUsersForm" routerLinkActive="active"> 
                              AAAAAA</a>   -->
       <a routerLink= "SysUsersForm" routerLinkActive="active">AAAA</a>  
    </div>
    <div class="tableViewContainer">
        <router-outlet></router-outlet>
    </div>
  </div>

我不断收到：“ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'SysUsersForm'”

我做错了什么？

Answer 1

你可以像下面这样写routerLink，

routerLink="/ManagerDataContainer/SysUsersForm"

我来帮你

Answer 2

ManagerDataContainer 不需要在路由器配置中 - 那里没有任何路由 - 我只需要声明 SysUsersForm 的配置如下：

{  path: 'SysUsersForm', component:UsersFormComponent}