วิธีการส่งผ่านพารามิเตอร์การสืบค้นด้วย routerLink

prop=xxxฉันต้องการที่จะผ่านพารามิเตอร์แบบสอบถาม

มันใช้งานไม่ได้

<a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]>Somewhere</a>

queryParams

queryParamsเป็นอีกหนึ่งอินพุตrouterLinkที่สามารถส่งผ่านได้

<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}">Somewhere</a>

fragment

<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}" [fragment]="yyy">Somewhere</a>

routerLinkActiveOptions

ในการรับเส้นทางคลาสที่แอ็คทีฟตั้งค่าบนเส้นทางพาเรนต์:

[routerLinkActiveOptions]="{ exact: false }"

เพื่อส่งผ่านพารามิเตอร์การสืบค้นที่จะthis.router.navigate(...)ใช้

let navigationExtras: NavigationExtras = {
  queryParams: { 'session_id': sessionId },
  fragment: 'anchor'
};

// Navigate to the login page with extras
this.router.navigate(['/login'], navigationExtras);

ดูเพิ่มเติมที่https://angular.io/guide/router#query-parameters-and-fragments