Hidding Side-Menü und Nav-Bar in nur 1 Seite

Question

Wenn ich hide-nav-bar="true" mache es auch mein Sidebar-Menü verschwinden in den anderen Seiten ich wollte nicht. Ich möchte nur das Navigations- und Seitenmenü auf der Homepage verschwinden lassen, aber auf den anderen Seiten wird mein Seitenmenü aus irgendeinem Grund für einen Zurück-Pfeil ersetzt. Wie kann ich das lösen?

Dies ist, wie es

Mein Code

<ion-view hide-nav-bar="true" title="Home" id="page1"> 
 
<ion-content padding="true" class="has-header backg"> 
 
<img class="log" src='../../img/image2.png' alt="HTML5 Icon" style="width:90px;height:90px;"> 
 
    </ion-content> 
 
</ion-view>

sieht Dies ist, wie es sein soll

Answer 1

Bitte werfen Sie einen Blick auf this plunker.

Ich will nur das nav und Seitenmenü machen auf der Startseite geht weg

Um das zu tun, können Sie zunächst vermeiden einen Header in Ihrer Ansicht einschließlich. Mit nur ion-content Element in Ihrer Homepage HTML-Code, wird diese Ansicht nicht eine Navbar haben.

<ion-content> 
    <p>Home page</p> 
    <!-- ... --> 
    <!-- ... --> 
</ion-content> 

Auch wenn wir nicht die navbar zeigen, könnte der Benutzer die Seite Menü öffnen, indem es von den linken Slicing (in diesem Fall), so müssen wir sicherstellen, dass wie dies geschieht zu vermeiden:

eine id zum ion-menu Element wie folgt hinzufügen:

<ion-menu [content]="content" side="left" id="menu"> 
    <ion-toolbar secondary> 
    <ion-title>Menu</ion-title> 
    </ion-toolbar> 

    <ion-content> 
    <ion-list> 
     <button ion-item menuClose="menu" detail-none> 
     Close Menu 
     </button> 
    </ion-list> 
    </ion-content> 
</ion-menu> 

Und dann in Ihrem HomePage.ts es wie folgt deaktivieren:

import { MenuController, ... } from 'ionic-angular'; 

@Component({ 
    templateUrl:"home.html" 
}) 
export class HomePage { 

    constructor(private menuCtrl: MenuController, ...) { } 

    ionViewDidEnter() { 
    this.menuCtrl.enable(false, 'menu'); 
    } 

    // ... 
} 

in den anderen Seiten ist meine Seite Menü für einen Zurück-Pfeil aus irgendeinem Grunde ersetzt.

Das bezieht sich auf das Navigationsarray und wie Ionic2 es behandelt. Wenn Sie eine neue Seite push haben, wird dieser Zurück-Pfeil angezeigt. Auch wenn Sie es verstecken können, wenn die App in einem Android-Gerät mit einer physischen Zurück-Schaltfläche ausgeführt wird, kann der Benutzer weiterhin auf die Homepage zurückkehren. Wenn Sie den Benutzer nicht zur HomePage zurückkehren lassen möchten (weil die Anmeldeseite oder etwas Ähnliches ist), verwenden Sie stattdessen die setRoot method.

this.nav.setRoot(NewPage);