Wie wird der Name im Popover angezeigt?

Question

Hier werde ich die Speicher-IDs als 1 und 0.Here store_id = '1' bengaluru und store_id = '0' wird passieren, wie hyderabad ..

hier ist mein HTML-Code:

home.ts

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

home.html

<ion-header> 

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

</ion-header> 

Hier, wenn ich auf "bengaluru" klicke, muss dieser Name in meinem Popover angezeigt werden und auch "hyderabad".

popoverpage.ts

@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 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.cityname="Bengaluru"; 

        //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.cityname="Hyderabad"; 
        //this.navCtrl.pop(); 
        this.viewCtrl.dismiss(); 
       } 
       else{ 
        this.logger.debug("error callback"); 
        this.viewCtrl.dismiss(); 
       } 
      }) 

    } 

} 

wenn jeder Körper weiß, bitte auf diese antworten ..

Answer 1

Ich bin nicht sicher, warum Sie auf die Schaltfläche klicken Methoden mit dem Namen „store“ und „Spaß“, aber halten Beachten Sie, dass Sie immer eine Zeichenfolge an Ihre Click-Handler-Methode übergeben können. Vielleicht etwas in der Art:

<button ion-item (click)="clicked('bangaluru')">Bengaluru</button> 
<button ion-item (click)="clicked('hyderabad')">Hyderabad</button> 

clicked (e) { 
    console.log('clicked ' + JSON.stringify(e)); 
    this.currentCity = e; 
} 

Hier ist ein plunkr demo.