angular 2 에서 router 경로 이동 navigate 의 사용 과 페이지 새로 고침 문제 에 대한 상세 한 설명

본 고 는 angular 2 에서 router 경로 가 navigate 로 이동 하 는 사용 과 페이지 새로 고침 문제 에 관 한 내용 을 소개 하고 참고 학습 을 제공 합 니 다.다음은 상세 한 소 개 를 살 펴 보 겠 습 니 다.
1.router.navigate 의 사용
navigate 는 Router 류 의 한 방법 으로 주로 경로 전환 에 사용 된다.
함수 정의:


navigate(commands: any[], extras?: NavigationExtras) : Promise`<boolean>`


interface NavigationExtras {
 relativeTo : ActivatedRoute
 queryParams : Params
 fragment : string
 preserveQueryParams : boolean
 preserveFragment : boolean
 skipLocationChange : boolean
 replaceUrl : boolean
}

1. this.router.navigate(['user', 1]); 루트 루트 를 기점 으로 점프 하 다
2. this.router.navigate(['user', 1],{relativeTo: route}); 기본 값 은 루트 입 니 다.설정 후 현재 경로 에 비해 이동 합 니 다.route 는 Activated Route 의 인 스 턴 스 입 니 다.사용 하려 면 Activated Route 를 가 져 와 야 합 니 다.
3. this.router.navigate(['user', 1],{ queryParams: { id: 1 } });
경로 에서 매개 변수/user/1?id=1
4. this.router.navigate(['view', 1], { preserveQueryParams: true }); 기본 값 은 false 입 니 다.true 로 설정 하고 이전 경로 의 조회 매개 변수/user?id=1 to/view?id=1 을 유지 합 니 다.
5. this.router.navigate(['user', 1],{ fragment: 'top' }); 경로 중 닻 점 점프/user/1\#top
6. this.router.navigate(['/view'], { preserveFragment: true }); 기본 값 은 false 입 니 다.true 로 설정 하고 이전 경로 의 닻 점/user/1\#top to/view\#top 을 유지 합 니 다.
7. this.router.navigate(['/user',1], { skipLocationChange: true }); 기본 값 은 false 입 니 다.true 경로 로 설정 하면 브 라 우 저의 url 은 변 하지 않 지만 들 어 오 는 매개 변 수 는 유효 합 니 다.
8. this.router.navigate(['/user',1], { replaceUrl: true }); 설정 되 지 않 았 을 때 기본 값 은 true 이 며,false 경로 로 설정 되 어 있 으 면 점프 하지 않 습 니 다.
질문
이 문 제 는 일반적으로

폼 에서

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Angular 시리즈 학습 2: 기본 구성 요소 설명, 사용자 정의 구성 요소 및 세부 사항 설명

구성 요소는 Angular에서 매우 중요한 것으로 템플릿을 가진 지령이며 Angular 응용의 기초와 핵심을 구성하고 특정한 기능을 포장하는 데 사용되며 응용 프로그램의 질서정연한 운행은 구성 요소 간의 협동 작업에...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

angular 2 에서 router 경로 이동 navigate 의 사용 과 페이지 새로 고침 문제 에 대한 상세 한 설명

좋은 웹페이지 즐겨찾기