在Angular中，使用路由器可以让我们实现页面之间的导航。默认情况下，路由器会将组件显示在一个名为“router-outlet”的单个出口上。但是，在某些情况下，我们可能需要在同一页面上多次使用路由器，以显示不同的组件。这时就需要使用命名的router-outlet。

例如，我们在一个页面上要显示两个不同的组件，这两个组件分别对应两个不同的路由。我们需要为每个路由定义一个独立的命名的router-outlet，这样每个组件就可以在其对应的出口上显示。

首先，在组件对应的模板文件中，我们需要定义一个命名的router-outlet，例如：

然后，在路由模块中，我们需要为每个路由配置一个component和一个outlet属性。outlet属性的值就是我们在模板中定义的出口名称：

const routes: Routes = [ { path: 'first-component', component: FirstComponent, outlet: 'first' }, { path: 'second-component', component: SecondComponent, outlet: 'second' } ];

最后，在需要使用路由器的组件模板中，我们可以使用以下语法来访问命名的router-outlet：