離子3從一個頁面到另一個頁面的角嚮導航

我正在建設一個網站，這意味着它有多個頁面。和一個全球導航，你可以點擊從一個頁面到另一個。離子3從一個頁面到另一個頁面的角嚮導航

現在說我有兩個頁面：家庭和銷售。從去主頁銷售我不喜歡的東西：

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

和.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調用）

來源

2017-09-01 Vik

你不想再主頁回到導航堆棧。你能簡單地做（和我的建議）是下面的代碼添加到您的opportunities.html

<ion-header> 
    <ion-navbar> 
    <ion-title>Your Title</ion-title> 
    </ion-navbar> 
</ion-header>

添加ion-navbar會給你在頭一個Back按鈕。當後退按鈕被點擊時，它會在navStack上做一個navPop，並將帶您回到您的主頁。

來源

2017-09-01 18:21:30 Sam5487

它是移動應用，但該網站那裏是可以點擊去不同的網頁許多可能聯繫不上一個好的解決方案。根據設計要求，所有鏈接始終可見。 – Vik

啊小姐讀了這個問題，道歉。我會建議@Sampath解決方案，然後添加一個專門做'napPop'的按鈕。 – Sam5487

您可以使用[navPop]指令。

指令聲明性地從導航堆棧中彈出當前頁面。

<ion-content> 

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

</ion-content>

Oficial doc

來源

2017-09-01 19:30:18 Sampath

好吧，如果我有兩個頁面上的按鈕a和按鈕b。所以如何在頁面a上按下按鈕一段時間來防止這種行爲。？ – Vik

只有當它在頁面堆棧上有一個頁面時才起作用。否則它不會做任何事情。 – Sampath

讓我們假設你有第1頁，第2頁和第3頁。首先在第1頁上。現在你轉到第3頁，並從第3頁轉到第2頁。現在再次轉到第3頁。流程現在將如何從頁面1到頁面3與從頁面2到頁面3之間的差異？記得根據你的解釋，當你去一個頁面你做一個navpush，但是當你回來時你做一個navPop。所以在我的情況下，它不知道如果我第一次或返回？ – Vik

離子3從一個頁面到另一個頁面的角嚮導航

回答

相關問題