Angular 角2子布线不工作

我正在尝试在我的应用程序中实现子路由器。 我所做的是，点击侧菜单，我导航到子菜单

this._router.navigate(['/parent/child']);

但它并没有执行子组件，而是再次执行父组件

app.module.ts中的路由器

const appRoutes: Routes = [
   { path: 'login', component: LoginComponent },
   {path:'parent',
       children:[
           {path: '', component: ParentComponent, pathMatch: 'full'}
          ,{path:"child",component:ChildComponent,
             outlet:'content'
           }]
   },
   {path:'**',component:LoginComponent}
 ];

父组件

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

 @Component({
   selector: 'login',
   templateUrl: 'app/parent.template.html'
 })
 export class ParentComponent  implements OnInit{  
  constructor(private _router: Router){} 
   ngOnInit(){}
   menuClicked(event:any):void{             
        let elements = event.target.parentElement.children;
        for(let i=0;i<elements.length;i++){
            elements[i].classList.remove('active')
        }
        event.target.classList.add('active');
        this._router.navigate(['/parent/child']);
    }
 }

发生的事情是，它导航到了父级，并且工作正常。当我点击左菜单时，我可以看到url改变了几分之一秒，然后它重新加载父项，从url中删除子项名称。我怎样才能修好它？我在实施过程中遗漏了什么

父模板

<div class="home-container row">
   <div class="home-body col-12">
       <div class="home-header row">

       </div>
       <div class="home-contents row">
          <div class="left-menu col-2">
          </div>
       <div class="right-contents col-10">
          <router-outlet name="content"></router-outlet>
       </div>
   </div>
 </div>

---

这通常是由您的

所在的位置引起的。它应该是应用程序中唯一变化的部分 如果它不在主部件中，请检查其位置

this._router.navigate(['child'],{relativeTo: this.route});

这里，this.route是ActivatedRoute的一个实例

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

constructor(private route: ActivatedRoute)

---

只需删除路径匹配：'full'并检查。相同的问题？尝试该解决方案您能显示父组件html文件吗？父模板添加我编辑了我的响应，很抱歉路由器出口没有呈现。您也可以共享您的父组件。现在已添加父组件

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

constructor(private route: ActivatedRoute)