RC5 popover seems broken

Hello,

I have a popover which works fine before…
after upgrading to RC5, it only brings up a blank page with a close symbol(“x”) .

here are my implementation of the popover:

the .html file:

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>MessageEdit</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="clickMore()">
        <ion-icon name="more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

and the .ts file

public clickMore(){
    let json = {"text": this.txt, "sling:resourceType": "foo/bar"};
    this.msg.body = Converter.json2Array(json)
    let popover:Popover = this.popoverCtrl.create(SaveMsg,{msg:this.msg});
    this.viewCtrl.dismiss();
    popover.present();
    debugger;
  }

the component SaveMsg that is supposed to be brought up by popover

@Component({
  selector: 'page-save-msg',
  templateUrl: 'save-msg.html'
})
export class SaveMsg {
 constructor( private nav: NavController, private navParams: NavParams, private viewCtrl: ViewController, private gabriel:Gabriel, 
  private _msg: TransSMsg, private uuid: Uuid, private user: User) {
    this.msg = this.navParams.get("msg");
    this.user.currentPage = Pages.Messages;
  }

  public get msg(){
    return this._msg;
  }

  public set msg(msg: TransSMsg){
    this._msg = msg;
  }

  public clickSave(){
    this.saveMsg(Decoder.packSMsgs([this.msg]));
    debugger;
    this.viewCtrl.dismiss();
    this.nav.pop();
  }

  private saveMsg(bucket: string){
    let process: string = 'yj0c7n0bzey2';
    let session = this.uuid.v4;
    this.gabriel.ackOperation(process,session,bucket);
    debugger;
  }

  public clickDelete(){
    this.deleteMsg(Decoder.packSMsgs([this.msg]));
    this.viewCtrl.dismiss();
    this.nav.pop();
  }

  private deleteMsg(bucket: string){
    let process: string = 'jyso29fxfguu';
    let session = this.uuid.v4;
    this.gabriel.ackOperation(process,session,bucket);
    debugger;
  }

  public clickCancel(){
      this.viewCtrl.dismiss();
      this.nav.pop();
  }
}

my" ionic info"

wjz@bj:~/ion/vajra$ ionic info 

Your system information:

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.0-rc.5
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.4
Node Version: v6.9.2
Xcode version: Not installed

I use “ionic run android”, and test the apps on an android 6 terminal

please advise

thanks

This is RC5 issue, take a look at: https://github.com/driftyco/ionic/issues/10014

1 Like