Angular+Ionic 은 query Params 를 사용 하여 페이지 전송 을 실현 하 는 방법

최근 에 전자상거래 프로젝트 를 할 때 프로젝트 에서 실현 해 야 합 니 다.편집 단 추 를 누 르 고 페이지 를 옮 겨 주 소 를 추가 하고 주소 기능 을 수정 해 야 합 니 다.
angular 전 삼 에 사용 하여 간단하게 요약 합 니 다.
1,송신 인터페이스 ts

//    
 EditorAddress(item) {
 console.log("     ");
 console.log(item);
 this.router.navigate(['/editor-address'], { queryParams: item })
 }
2,수신 인터페이스 ts

 public personName:string=""
 public phone:string=""
 public areaInfo:string=""
 public detailedAddress:string=""
 public isDefault:number
 
ngOnInit() {
 //    
 this.activatedRoute.queryParams.subscribe((res) => {
 this.personName =res.personName,
 this.phone=res.phone,
 this.areaInfo=res.areaInfo,
 this.detailedAddress=res.detailedAddress,
 this.isDefault=res.isDefault//1
 //
 })
 }
3,효과
在这里插入图片描述
Angular+Ionic 에서 query Params 를 사용 하여 페이지 전환 값 을 실현 하 는 것 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 Angular 페이지 전환 값 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기