Ionic2 - 根据控制器的显示方式显示/隐藏按钮

Question

我有一个页面Page2需要打开，有时使用modal() ，有时使用push() 。

在正常情况下，如果使用推送方法打开控制器，它将显示“后退”按钮。 但是，在使用modal()方法打开页面的另一个场景中，我需要向Page2添加一个关闭按钮，以便用户可以随时关闭该控制器。

问题

如果我向Page2添加一个关闭按钮，那么即使使用push()方法打开控制器，该按钮也会显示，在这种情况下，它会显示一个后退按钮和一个关闭按钮。

我想要的是

我想添加一个条件，如果控制器是使用push()打开的，那么它应该隐藏该关闭按钮

流程：

第1页>（按下）>第2页（隐藏关闭按钮）

第3页>（模态）>第2页（显示关闭按钮）

有关如何实现这一点的任何想法？

Answer 1

你可以向Page2构造函数发送一个参数，如下所示：

presentPage2AsModal() {
   let page2Modal = this.modalCtrl.create(Page2, { showCloseBtn: true });
   page2Modal.present();
 }

如果你用push方法打开它：

openPage2AsPage() {
   this.nav.push(Page2, { showCloseBtn: false });
 }

然后在Page2构造函数中：

constructor(..., private navParams: NavParams) {
    // Get the param
    this.showCloseBtn = navParams.get('showCloseBtn');
}

并在视图中：

<button *ngIf="showCloseBtn" (click)="yourMethod">Close</button>