如何在angular 7中正确实现命名路由器出口？

在Angular 7中，可以通过使用命名路由器出口来实现路由的导航和显示。下面是正确实现命名路由器出口的步骤：

在app.module.ts文件中，导入RouterModule和Routes模块：

import { RouterModule, Routes } from '@angular/router';

在app.module.ts文件中，定义路由配置数组，并为每个路由指定一个唯一的名称：

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

在app.module.ts文件中，使用RouterModule的forRoot方法将路由配置数组应用到应用程序中：

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppModule { }

在app.component.html文件中，使用router-outlet指令来显示命名路由器出口：

<router-outlet name="main"></router-outlet>

在其他组件的模板文件中，使用routerLink指令来导航到命名路由器出口：

<a routerLink="/home" routerLinkActive="active" [routerLinkActiveOptions]="{ outlets: { main: ['home'] } }">Home</a>
<a routerLink="/about" routerLinkActive="active" [routerLinkActiveOptions]="{ outlets: { main: ['about'] } }">About</a>
<a routerLink="/contact" routerLinkActive="active" [routerLinkActiveOptions]="{ outlets: { main: ['contact'] } }">Contact</a>

以上步骤中，'main'是命名路由器出口的名称，可以根据实际需求进行修改。在路由配置数组中，通过指定outlet属性来将路由与命名路由器出口关联起来。在routerLink指令中，通过设置routerLinkActiveOptions属性来指定命名路由器出口的路径。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云负载均衡（CLB）。