在Angular中，可以使用组件路由来实现页面之间的导航和路由。以下是一个包含代码示例的解决方法：

1. 首先，确保已经安装了Angular的路由模块。可以使用以下命令安装：

npm install @angular/router

2. 在app.module.ts文件中导入路由模块，并将其添加到imports数组中：

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

// ...

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

3. 创建一个名为app-routing.module.ts的新文件，并定义路由配置。以下是一个示例：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } 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 },
  { path: 'contact', component: ContactComponent }
];

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

4. 在app.module.ts文件中导入AppRoutingModule，并将其添加到imports数组中：

import { AppRoutingModule } from './app-routing.module';

// ...

@NgModule({
  imports: [
    // ...
    AppRoutingModule
  ],
  // ...
})
export class AppModule { }

5. 在app.component.html文件中添加一个用于显示路由组件的标签：

6. 在需要导航到其他组件的地方，使用routerLink指令来定义导航链接。以下是一个示例：

  
Home
  
About
  
Contact

7. 现在，当点击导航链接时，Angular会通过路由配置找到对应的组件，并将其加载到中显示。

这就是在Angular中使用组件路由的基本步骤和示例代码。请根据自己的需求进行相应的修改和扩展。