在Angular中，次要命名路由是一种可以在同一页面上同时加载多个组件的方法。当用户导航到次要命名路由时，它将在当前页面上显示一个新的组件，而不是导航到一个完全不同的页面。

以下是一个示例，展示了如何在Angular中使用次要命名路由：

1. 首先，在路由配置文件（通常是app-routing.module.ts）中定义次要命名路由。

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

import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';
import { ContactComponent } from './contact.component';

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

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

2. 在模板文件（通常是app.component.html）中添加一个用于加载次要命名路由的占位符：

3. 在主要命名路由组件的模板中添加一个用于导航到次要命名路由的链接：

About
Contact

4. 最后，在主要命名路由组件的对应的ts文件中，使用Router对象进行导航：

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-home',
  template: `
    
Home
    Go to About
    Go to Contact
  `
})
export class HomeComponent {
  constructor(private router: Router) {}

  goToAbout() {
    this.router.navigate([{ outlets: { secondary: ['about'] } }]);
  }

  goToContact() {
    this.router.navigate([{ outlets: { secondary: ['contact'] } }]);
  }
}

现在，当用户点击“About”按钮时，AboutComponent将会在当前页面上显示。当用户点击“Contact”按钮时，ContactComponent将会在当前页面上显示。

这就是在Angular中使用次要命名路由的基本方法。你可以根据需要进行调整和扩展。