경로 전송 참여 수신 매개 변수

1787 단어 angularjs2
경로 전환 인삼 의 방식 이 매우 많 습 니 다. 다음은 제 가 자주 사용 하 는 인삼 전달 방식 과 이에 대응 하 는 수신 매개 변수 방식 을 정리 하 겠 습 니 다.
첫째, 매개 변 수 는 다음 과 같다.갈라놓다
http://localhost:8092/account/manage/issue;id=161123434754052096 
경로 이동 방식:
1, routerLink 방식
2. navigate 방식
this.router.navigate([`/coupon-manage/issueCoupon/issued`,{ id: id,name:name }])
분 리 된 매개 변 수 는 다음 과 같은 매개 변수 수신 방식 이 있 습 니 다.
 const idList = this.activatedRoute.params['value'];
물론 사용 하기 전에 경로 관련 매개 변 수 를 도입 해 야 합 니 다.
import { Router,ActivatedRoute } from '@angular/router';
둘째, 매개 변 수 는?갈라놓다
1. routerLink 방식
다른 값 만 전하 면
예 를 들 어 table 에서 전체 줄 의 데 이 터 를 전달 하려 면 (data)
2. navigate 방식
this.router.navigate([`/coupon-manage/issueCoupon/issued`],{queryParams:{id:custId})
대응 하 는 매개 변수 수신 방식 은 다음 과 같 습 니 다.
this.activatedRoute.params.subscribe(param => {console.log(param)})
세 번 째 매개 변 수 는 이런 것 과 유사 하 다.
http://localhost:8094/admin/product/product-manage/package/2019041510213862676
1. routerLink 방식
물론 경로 에 설정 이 있어 야 합 니 다.{   path: 'listDetail/:id' ,   component:ListDetailComponent   }
2. navigate 방식
this.router.navigate([`/product-manage/type/${id}`]);
매개 변 수 를 받 는 방식:
this.activatedRoute.snapshot.params["id"]
이상 은 총 결 된 경로 전송 방식 과 그 매개 변수 가 url 에서 의 표현 형식 입 니 다.
물론 필요 할 때 상기 전 삼 방식 도 조합 해서 사용 할 수 있다.
예 는 다음 과 같다.
jumpToPage(id, type) {
this.router.navigate([`/product-manage/type/${id}`, { type: type,index:2 }]);
}
좋 은 링크 가 있 으 니 참고 하 시기 바 랍 니 다.
https://blog.csdn.net/private_xiaolei/article/details/83042647
 
 
 

좋은 웹페이지 즐겨찾기