如何从Angular 6中的父页路由器链接访问子页组件

在Angular 6中，可以通过父页路由器链接访问子页组件。下面是一个完善且全面的答案：

在Angular中，路由器是用于导航和管理不同组件之间的页面跳转的重要工具。在父页中链接到子页组件，需要进行以下步骤：

首先，在父页的路由配置文件中定义子页的路由。假设子页组件的名称为ChildComponent，可以在路由配置文件（通常是app-routing.module.ts）中添加如下代码：

const routes: Routes = [
  { path: 'child', component: ChildComponent }
];

在父页的模板文件中，使用routerLink指令创建一个链接到子页的链接。例如，可以在父页的HTML模板中添加以下代码：

<a routerLink="/child">Go to Child Page</a>

确保在父页的模块文件中导入并声明子页组件。在父页的模块文件（通常是app.module.ts）中添加以下代码：

import { ChildComponent } from './child.component';

@NgModule({
  declarations: [
    ChildComponent
  ],
  // 其他模块配置...
})
export class ParentModule { }

最后，在父页的组件类中，可以通过路由器导航到子页组件。可以使用Router服务的navigate方法来实现。例如，在父页的组件类中添加以下代码：

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

export class ParentComponent {
  constructor(private router: Router) { }

  goToChildPage() {
    this.router.navigate(['/child']);
  }
}

以上步骤完成后，当用户点击父页中的链接时，将会导航到子页组件。

关于Angular 6中父页路由器链接访问子页组件的详细信息，可以参考腾讯云的Angular开发文档：Angular开发文档。

请注意，以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。如果需要了解更多关于云计算品牌商的信息，可以参考官方网站或进行相关搜索。