儿童弯路

时间:2018-07-03 09:51:08

标签: angular angular-routerlink

角度基本布线问题: 这是我的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>

我不断收到:“错误错误:未捕获(承诺):错误:无法匹配任何路由。URL段:'SysUsersForm'”

我在做什么错了?

2 个答案:

答案 0 :(得分:0)

您可以按如下方式编写routerLink,

routerLink =“ / ManagerDataContainer / SysUsersForm”

这是我的帮助吗

答案 1 :(得分:0)

不需要在路由器配置中添加ManagerDataContainer-那里没有任何路由-我只需要声明SysUsersForm的配置,如下所示:

{  path: 'SysUsersForm', component:UsersFormComponent}