[angular] routerLink로 쿼리 매개 변수를 전달하는 방법

Program / 글쓴이 어드민

쿼리 매개 변수를 전달하고 싶습니다 prop=xxx.

이 작동하지 않았다

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

답변

queryParams

queryParamsrouterLink그들이 통과 할 수있는 또 다른 입력입니다 .

<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 도 참조하십시오.

답변