如何用routerlink和id刷新angular中的頁面

Question

我有一個 angular 應用程序，其中有一些路由器鏈接導航

我的要求是如果用戶頁面已經打開並帶有一些 ID，並且如果條件滿足則它必須從帶有 ID 的現有用戶頁面導航到該特定 ID 用戶頁面。

.component.ts

  if(userID == 0){
             this.router.navigate(['./user/' + userID]);
           }
           else{
            this.router.navigate(['./details']);
            
           }

從上面的代碼中，如果我已經在具有 id 的用戶頁面中，則條件滿足，如果條件滿足，則我們必須導航到具有該 ID 的特定用戶頁面。

任何人都可以幫助我嗎

Answer 1

為了刷新當前路線，您必須在路線聲明中執行以下操作：

RouterModule.forRoot(appRoutes, {
  // ..
  onSameUrlNavigation: 'reload',
  // ..
})

相反，要使用參數導航到另一條路線，您必須：

1 - 重新定義你的路線

{path: 'user/:userID', component: MyComponent }

2 - 導航到頁面

this.router.navigate(["user", userID]);

3 - 從您的頁面獲取參數

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

private userID: string;

constructor(private readonly activatedRoute: ActivatedRoute) {}

ngOnInit() {
    this.activatedRoute.params.subscribe((params: Params) => this.userID = params['userID']);
}

有關詳細信息，請參閱Angular 路由器和ActivatedRoute