angular中组件之间的嵌套使用

第一步先把对应的文件创建好

main.component.ts
phone.component.ts
books.component.ts
details.component.ts

第二步
导入到我们的app.module文件中

import {
    mainComponent} from './demo11/main.component';
import {
    booksComponent} from './demo11/books.component';
import {
    phoneComponent} from './demo11/phone.component';
import {
    detailsComponent} from './demo11/details.component';
//接着去声明

第三步
导入我们的app.router中,并创建对应的路由词典

{
   
        path:"main",
        component: mainComponent,
        children:[
            {
   path:"",component: phoneComponent},
            {
   path:"phone",component: