如何在其他頁面中顯示彈出窗口內容？

Question

我點擊一下，它就會酥料餅的兩個城市一個是「班加羅爾」的選擇城市，另一個是「海得拉巴」如果點擊班加羅爾它必須顯示名稱，而不是選擇城市..

家。 HTML：

<ion-header> 

<button ion-button icon-only (click)="presentPopover($event)" > 
    Choose City 
    <ion-label>{{cityname}}</ion-label> 
    <ion-icon name="arrow-dropdown"></ion-icon> 
</button> 

</ion-header> 

home.ts：

import { PopoverController } from 'ionic-angular'; 


import { Component } from '@angular/core'; 
import {Popoverpage} from '../popoverpage/popoverpage'; 


@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 
    constructor(public popoverCtrl: PopoverController, 
    ) {} 

    presentPopover(myEvent) { 
    let popover = this.popoverCtrl.create(Popoverpage); 
    popover.present({ 
     ev: myEvent 
    }); 
    } 
} 

popoverpage.ts：

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 
import { ViewController } from 'ionic-angular'; 
import { Rest } from '../../providers/network/rest'; 
import { Logger } from '../../providers/logger/logger'; 

/* 
    Generated class for the Popoverpage page. 

    See http://ionicframework.com/docs/v2/components/#navigation for more info on 
    Ionic pages and navigation. 
*/ 
@Component({ 
    template: ` 
    <ion-list> 
     <button ion-item (click)="store()">Bengaluru</button> 
     <button ion-item (click)="fun()">Hyderabad</button> 
    </ion-list> 
    ` 
}) 

export class Popoverpage{ 
    store_id 
    cityname 


    constructor(public viewCtrl: ViewController, 
    public params:NavParams, 
    public navCtrl: NavController, 
    public rest: Rest, 
    public logger: Logger) { 
    } 

    store() { 
    let storeObj={ 
     store_id: '1' 
    } 

    this.logger.debug("checking the " +JSON.stringify(storeObj)); 

    this.rest.post('/store',storeObj) 
     .subscribe(result => { 
     this.logger.debug("checking the data "+JSON.stringify(result)); 
     if(result.status == '1'){ 
      this.logger.info("success callback"); 
      // this.navCtrl.push("Homepage"); 
      this.params.get('cityname'); 

      //this.navCtrl.pop(); 
      this.viewCtrl.dismiss(); 

     } 
     else{ 
      this.logger.info("error callback"); 
this.viewCtrl.dismiss(); 
     } 
     }) 

    } 

    fun() { 
    let storeObj={ 
     store_id: '0' 
    } 

    this.logger.debug("checking the " +JSON.stringify(storeObj)); 

    this.rest.post('/store',storeObj) 
     .subscribe(result => { 
     this.logger.debug("checking the data "+JSON.stringify(result)); 
     if(result.status == '1'){ 
      this.logger.debug("success callback"); 
      this.params.get('cityname'); 
      //this.navCtrl.pop(); 
      this.viewCtrl.dismiss(); 
     } 
     else{ 
      this.logger.debug("error callback"); 
      this.viewCtrl.dismiss(); 
     } 
     }) 

    } 

} 

我怎麼能顯示東西

Answer 1

可以使用dismiss傳回數據和onDidDismiss設置回調。 在popoverpage.ts：

let data= cityname;//the variable containing the data to return 
this.viewCtrl.dismiss({'city':data}); 

在你home.ts

要從酥料餅的數據傳遞到主頁

let popover = this.popoverCtrl.create(Popoverpage); 

    popover.onDidDismiss(data=>{ 
    this.selectedCity=data.city; 
    }); 

popover.present({ 
     ev: myEvent 
    });