반응형
URL 안에있는 routerLink에 매개 변수를 전달하는 방법은 무엇입니까?
다음 routerLink
과 같은 경로에 매개 변수를 전달할 수 있다는 것을 알고 있습니다
/user/:id
글로
[routerLink]="['/user', user.id]"
그러나 이와 같은 경로는 어떻습니까?
/user/:id/details
이 매개 변수를 설정하는 방법이 있습니까? 아니면 다른 URL 체계를 고려해야합니까?
특정 예에서 다음을 수행합니다 routerLink
.
[routerLink]="['user', user.id, 'details']"
컨트롤러에서 그렇게하려면 다음을 주입 Router
하고 사용할 수 있습니다.
router.navigate(['user', user.id, 'details']);
라우팅 및 탐색 의 각도 문서 링크 매개 변수 배열 섹션 에 대한 추가 정보
아마도 답이 늦었을 수도 있지만 매개 변수가있는 다른 페이지를 탐색하려면
[routerLink]="['/user', user.id, 'details']"
또한 라우팅 설정에 대해 잊지 말아야합니다.
[path: 'user/:id/details', component:userComponent, pathMatch: 'full']
먼저 테이블에서 구성하십시오.
const routes: Routes = [
{
path: 'class/:id/enrollment/:guid',
component: ClassEnrollmentComponent
}
];
이제 유형 스크립트 코드에서 :
this.router.navigate([`class/${classId}/enrollment/${4545455}`]);
다른 구성 요소에서 매개 변수를 받다
this.activatedRoute.params.subscribe(params => {
let id = params['id'];
let guid = params['guid'];
console.log(`${id},${guid}`);
});
반응형
'Programing' 카테고리의 다른 글
약한 유형의 언어와 관련하여 명백한 모순에 대해 설명하기 (0) | 2020.05.21 |
---|---|
빈 슬라이스를 초기화하는 올바른 방법 (0) | 2020.05.21 |
매개 변수 선언에서 varchar (MAX)에 어떤 크기를 사용합니까? (0) | 2020.05.21 |
EXISTS를 비트로 직접 선택할 수 있습니까? (0) | 2020.05.21 |
numpy 배열에서 특정 요소를 제거하는 방법 (0) | 2020.05.21 |