Question

我正在应用路由概念，即当我单击按钮时，要路由到另一页上具有相同页眉的另一页，但是当我路由时，URL更改但页面未更改

//CODE FOR CLICKING BUTTON 
<button type="button" class="btn btn-primary-outline pull-right" (click)="redirect();"><i class="fa fa-plus"></i> change</button>

//CODE FOR CALLING FUNCTION
constructor(private router: Router,public zone: NgZone) { }
  redirect(){

    this.router.navigate('/store');
   }

//CODE FOR ROUTER DEFINED
RouterModule.forRoot([

     {path:'',pathMatch: 'full',component:Dashboard1Component},
      {path:'store',component:Store1Component},

    ])
  ],

Answer 1

我认为您需要稍微更改路由器的呼叫方式。

this.router.navigate(['/store']);

确保已在app.component.html中设置了路由器出口（假设这是您想要的位置）。

<router-outlet></router-outlet>

可以通过examples here找到更多信息。

Answer 2

尝试使用以下

this.router.navigate(['/', 'red-pill']);

或共享控制台的屏幕截图。

另请参阅this

应用路由但url更改但页面未更改

2 个答案: