Angular 角度4路由问题。导航下一个路由时,上一个视图也显示

Angular 角度4路由问题。导航下一个路由时,上一个视图也显示,angular,routing,Angular,Routing,我有这样的路线 ->用户选择所有三个下拉列表并单击搜索,它应该导航/搜索详细信息并显示相应的组件 ->路由工作正常。当浏览searchdetails时,上一个视图也显示如下:附加的图像链接和屏幕截图,您可以查看一下 app.component.ts this.searchService.getSearchbyDistrictCategoryCity(this.searchObj).subscribe(data=>{ this.searchedResults = data;

我有这样的路线

->用户选择所有三个下拉列表并单击搜索,它应该导航/搜索详细信息并显示相应的组件

->路由工作正常。当浏览searchdetails时,上一个视图也显示如下:附加的图像链接和屏幕截图,您可以查看一下

app.component.ts

this.searchService.getSearchbyDistrictCategoryCity(this.searchObj).subscribe(data=>{
    this.searchedResults = data;
    this.searchService.searchResults = data; 
    console.log(this.searchedResults);
    this.router.navigate(['/searchdetails'])
  },error=>this.errorMessage= <any>error);

下一步渲染时一定有错误view@HarshalPatil没有错误console@Ajay运气好吗?看到类似的问题,我自己尝试在ngZone.run(()=>{})中运行以下代码,我也面临同样的问题,因为我尝试在角度范围之外运行代码。
const appRoutes:Routes = [

   {path:'searchdetails',component:SearcheddetailsComponent}
];