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

Question

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

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

问题

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

我想要的是

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

流量：

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

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

关于如何实现这一目标的任何想法？

score 3 · Accepted Answer

您可以向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>

1 回答 1