欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular+Ionic使用queryParams實(shí)現(xiàn)跳轉(zhuǎn)頁傳值的方法

 更新時(shí)間：2020年09月05日 10:45:58   作者：會(huì)做夢(mèng)的辣條魚  
這篇文章主要介紹了Angular+Ionic使用queryParams實(shí)現(xiàn)跳轉(zhuǎn)頁傳值的方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

最近，在做電商項(xiàng)目，項(xiàng)目中需要實(shí)現(xiàn):點(diǎn)擊編輯按鈕,跳轉(zhuǎn)頁面完成添加地址，修改地址功能。
使用到angular傳參,簡(jiǎn)單做一總結(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，效果

在這里插入圖片描述

到此這篇關(guān)于Angular+Ionic使用queryParams實(shí)現(xiàn)跳轉(zhuǎn)頁傳值的文章就介紹到這了,更多相關(guān)Angular跳轉(zhuǎn)頁傳值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • AngularJS 應(yīng)用身份認(rèn)證的技巧總結(jié)

    AngularJS 應(yīng)用身份認(rèn)證的技巧總結(jié)

    這篇文章主要介紹了AngularJS 應(yīng)用身份認(rèn)證的技巧總結(jié)，具有一定的參考價(jià)值，有需要的可以了解一下。
    2016-11-11
  • AngularJS實(shí)踐之使用ng-repeat中$index的注意點(diǎn)

    AngularJS實(shí)踐之使用ng-repeat中$index的注意點(diǎn)

    最近通過客戶的投訴主要到在ng-repeat中使用了$index引發(fā)的一個(gè)bug，下面一起來看看這個(gè)錯(cuò)誤是如何引發(fā)的, 以及如何避免這種bug產(chǎn)生,然后說說我們從中得到的經(jīng)驗(yàn)和教訓(xùn)。有需要的朋友們可以參考借鑒，下面來一起看看吧。
    2016-12-12
  • 詳解Monaco?Editor中的Keybinding機(jī)制

    詳解Monaco?Editor中的Keybinding機(jī)制

    這篇文章主要為大家介紹了詳解Monaco?Editor中的Keybinding機(jī)制詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-09-09
  • 詳解AngularJs中$resource和restfu服務(wù)端數(shù)據(jù)交互

    詳解AngularJs中$resource和restfu服務(wù)端數(shù)據(jù)交互

    之前小編和大家分享過使用$http同服務(wù)器進(jìn)行通信，但是功能上比較簡(jiǎn)單，angularjs還提供了另外一個(gè)可選的服務(wù)$resource,使用它可以非常方便的同支持restful的服務(wù)單進(jìn)行數(shù)據(jù)交互。下面來一起看看吧。
    2016-09-09
  • AngularJS基礎(chǔ) ng-keypress 指令簡(jiǎn)單示例

    AngularJS基礎(chǔ) ng-keypress 指令簡(jiǎn)單示例

    本文主要介紹AngularJS ng-keypress 指令,這里幫大家整理了基礎(chǔ)資料,并附是示例代碼,有需要的小伙伴可以參考下
    2016-08-08
  • 基于datepicker定義自己的angular時(shí)間組件的示例

    基于datepicker定義自己的angular時(shí)間組件的示例

    這篇文章主要介紹了基于datepicker定義自己的angular時(shí)間組件,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • AngularJS刪除路由中的#符號(hào)的方法

    AngularJS刪除路由中的#符號(hào)的方法

    這篇文章主要介紹了AngularJS刪除路由中的#符號(hào)的方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-09-09
  • 詳解Angular組件之投影

    詳解Angular組件之投影

    在html規(guī)范里面,它定義了非常多的標(biāo)簽,在這些標(biāo)簽里面,相同標(biāo)簽之間的嵌套,不同標(biāo)簽之間的嵌套,是十分常見,在Angular里面,我們可以通過自定義標(biāo)簽的方式引用組件,這里的標(biāo)簽?zāi)芊裣裨膆tml標(biāo)簽一樣,來嵌入html標(biāo)簽,或者嵌套其他組件標(biāo)簽?zāi)?本文將介紹投影的作用。
    2021-05-05
  • AngularJs動(dòng)態(tài)加載模塊和依賴注入詳解

    AngularJs動(dòng)態(tài)加載模塊和依賴注入詳解

    這篇文章主要為大家介紹了AngularJs動(dòng)態(tài)加載模塊和依賴注入，感興趣的小伙伴們可以參考一下
    2016-01-01
  • AngularJS Ajax詳解及示例代碼

    AngularJS Ajax詳解及示例代碼

    本文主要講解AngularJS Ajax的知識(shí)，這里提供詳細(xì)資料及代碼示例，幫助學(xué)習(xí)AngularJS的朋友,有需要的小伙伴可以參考下
    2016-08-08

最新評(píng)論