Angular命名的router-outlet链接未工作。
创始人
2024-10-28 13:01:03
0

通常出现此问题的原因是未正确命名路由-outlet,或使用错误的名称。例如,如果将命名为'content”的路由-outlet视为'main”,则无法在routerLink中使用它。

要解决此问题,请先确定正确的路由-outlet名称,然后确保在使用routerLink时将其正确命名。下面是一个例子:

在app.component.html中:

在app.module.ts中:

const appRoutes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent, outlet: 'main' }, { path: 'contact', component: ContactComponent, outlet: 'main' } ];

@NgModule({ declarations: [ AppComponent, HomeComponent, AboutComponent, ContactComponent ], imports: [ BrowserModule, RouterModule.forRoot(appRoutes) ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

在此示例中,'main”是我们给路由-outlet命名的名称。然后,我们在路由定义中使用'outlet”属性来引用该名称。

这应该可以解决命名的路由-outlet链接不工作的问题。

相关内容

热门资讯

新手必备!fishpoker扑... 新手必备!fishpoker扑克辅助,德州ai人工智能,揭秘教程(竟然真的有挂)1、德州ai人工智能...
最新技巧!wpk德州ai机器人... 最新技巧!wpk德州ai机器人,aapoker有外挂,AI教程(先前存在有挂)德州ai机器人辅助器中...
大神普及!德扑之星怎么在电脑上... 大神普及!德扑之星怎么在电脑上玩,wepoke有辅助挂,黑科技教程(果然有挂)是一款可以让一直输的玩...
实测必看!微扑克德州专用辅助器... 实测必看!微扑克德州专用辅助器,wepokeai机器人,攻略教程(一直真的有挂)1、超多福利:超高返...
查到实测辅助!微扑克辅助器是骗... 查到实测辅助!微扑克辅助器是骗人吗,德州免费辅助神器app,详细教程(果然有挂)德州免费辅助神器ap...
玩家必备教程!德州ai免费,w... 1、玩家必备教程!德州ai免费,wpk有辅助挂,规律教程(最初存在有挂);代表性(透视辅助软件透明挂...
玩家必备科技!微扑克怎么用ai... 玩家必备科技!微扑克怎么用ai辅助,aapoker挂,新2025版(起初是有挂)1.aapoker挂...
盘点十款!来玩德州app辅助工... 盘点十款!来玩德州app辅助工具,aapoker辅助,透明挂教程(一直有挂)1、不需要AI权限,帮助...
玩家必知教程!wpk发牌逻辑,... 玩家必知教程!wpk发牌逻辑,aapoker有挂,新版2025教程(都是有挂)1、金币登录送、破产送...
玩家亲测!wepok软件透明挂... 玩家亲测!wepok软件透明挂,aapoker辅助工具,解密教程(总是是真的有挂)1、很好的工具软件...