在Angular 7中使用子路由需要做以下几个步骤：

1. 首先，在app.module.ts文件中导入RouterModule和Routes模块，并定义子路由。示例代码如下：

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

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { 
    path: 'dashboard',
    component: DashboardComponent,
    children: [
      { path: '', redirectTo: 'overview', pathMatch: 'full' },
      { path: 'overview', component: OverviewComponent },
      { path: 'details', component: DetailsComponent }
    ]
  }
];

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

2. 在父组件的模板文件中添加标签，用于显示子路由的内容。示例代码如下：

  
My App
  

3. 在父组件的样式文件中添加一些样式，以使子路由能够正确显示。示例代码如下：

:host {
  display: block;
  height: 100%;
}

router-outlet {
  display: block;
  height: 100%;
}

4. 在子组件的模板文件中添加标签，用于显示子路由的内容。示例代码如下：

  
Dashboard
  

以上代码示例了如何在Angular 7中使用子路由。通过定义父组件和子组件的路由，可以实现在父组件中显示子组件的内容。使用标签可以将子路由的内容显示在父组件的模板文件中。