从一页到另一页的离子3角度导航-Java 学习之路

我正在 Build 一个网站，这意味着它有多个页面 . 和一个全局导航，你可以点击从一个页面到另一个页面 .

现在说我有两个页面：Home和Sales . 从主页到销售我做了类似的事情：

<ion-icon name="briefcase" style="zoom:3;color:#d31145" [navPush]="optyPage"></ion-icon>
<ion-label color="kelloggs" style="font-weight: bold">Sales</ion-label>

and in .ts

import { OpportunitiesPage } from '../opportunities/opportunities'

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  optyPage = OpportunitiesPage;

  constructor(public navCtrl: NavController) {

  }
}

问题来自opty页面我只是做另一个navPush去家吗？或其他一些推荐的方式？我也不知道在我还在家的时候是否需要担心点击主页按钮（进行navpush通话）

2 回答

1
你可以使用 [navPop] 指令 .

以声明方式从导航堆栈中弹出当前页面的指令 .
```
<ion-content>

 <button ion-button navPop>Go Back</button>

</ion-content>
```
Oficial doc
回复于 2024-05-02T13:02:58+08:00
0
您不希望再次将Home推回导航堆栈 . 您可以简单地做什么（以及我推荐的）是将以下代码添加到您的opportunity.html
```
<ion-header>
  <ion-navbar>
    <ion-title>Your Title</ion-title>
  </ion-navbar>
</ion-header>
```
添加 ion-navbar 会在 Headers 中显示 Back 按钮 . 单击后退按钮时，它会在navStack上执行navPop，并将您带回主页 .
回复于 2024-05-02T13:02:58+08:00

从一页到另一页的离子3角度导航

2 回答

相关问题