在Angular中，我如何定义一个“路由器”成员字段？

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  constructor(private router: Router) {}

  // 使用路由器成员字段进行导航
  navigateTo(path: string) {
    this.router.navigate([path]);
  }
}

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

const routes: Routes = [
  // 定义路由规则
];

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

@NgModule({
  declarations: [
    MyComponent // 确保组件被声明
  ],
  imports: [
    AppRoutingModule // 确保路由模块被导入
  ]
})
export class AppModule {}

constructor(private router: Router) {} // 正确注入Router服务