代码之家  ›  专栏  ›  技术社区  ›  Ibanez1408

组件未加载到预期的路由器出口上

  •  0
  • Ibanez1408  · 技术社区  · 7 年前

    这是重复我的问题,但我已经把问题说得更清楚了。我有2个路由管理布局。路由。ts和参数。路由。ts 在管理布局中。路由。我有一个属性的路径。组成部分ts,它有一个名为parameter的子级。组成部分在这个参数中。组成部分ts我有一个路由器插座,在那里我想要soa日期。组成部分我想出来。我可以到达soa的日期。组成部分但是它没有显示在预定的第二个路由器出口中。它刚从第一个路由器出口出来。我也没有任何错误。

    { path: 'property',       component: PropertyComponent, canActivate: [AuthGuard],
        children: [
            { path: '', component: ParametersComponent,
                loadChildren: '../../property/parameters/parameters.module#ParmetersModule'
            }
        ]
    },
    { path: 'person',         component: PersonComponent, canActivate: [AuthGuard] }
    

    参数。路由。ts

    import { Routes } from '@angular/router';
    import { SoaDateComponent } from './soa-date/soa-date.component';
    
    export const ParametersRoutes: Routes = [
        { path: 'soadate', component: SoaDateComponent }
    ];
    

    @NgModule({
        imports: [
            CommonModule,
            RouterModule.forChild(ParametersRoutes),
        ],
        declarations: [
            SoaDateComponent
        ]
    })
    
    export class ParmetersModule { }
    

    参数。组成部分html

    <a [routerLink]="['/soadate']" routerLinkActive="active" >SOA DATE</a>
    <router-outlet name="paramOutlet"></router-outlet>
    

    我需要你的帮助。非常感谢。

    0 回复  |  直到 7 年前
        1
  •  1
  •   yashpatelyk    7 年前

    由于没有足够的代码来解释这个问题,根据我对问题的理解,我创建了一个stackblitz。 parent-children 在这里构建,以实现您所寻找的目标。

    ParametersComponent declarations 有什么成分吗?

    https://stackblitz.com/edit/angular-yashpatelyk-routing-inap6y

    如果我没有错的话,这就是你想要实现的目标,

    App &燃气轮机; PropertyComponent 参数组件 SoaDateComponent

    在我的示例中,单击显示的链接,您将看到上面的结构,即 正在加载 正确地 可能对您有帮助的代码在中 parameters.module.ts

    推荐文章