Angular+Ionic利用queryParams如何實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值

發(fā)布時(shí)間：2020-11-04 17:48:35 來源：億速云閱讀：509 作者：Leah 欄目：開發(fā)技術(shù)

今天就跟大家聊聊有關(guān)Angular+Ionic利用queryParams如何實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

使用到angular傳參,簡單做一總結(jié)：

1，發(fā)送界面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如何實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值

看完上述內(nèi)容，你們對Angular+Ionic利用queryParams如何實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

Angular+Ionic利用queryParams如何實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽