今天就跟大家聊聊有關Angular+Ionic利用queryParams如何實現頁面跳轉并傳值,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
使用到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利用queryParams如何實現頁面跳轉并傳值有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。