2017-06-05 4 views
1

ich den Code geklontZurück Navigationstaste zeigt sich nicht

mit

ionischer Start myProjectName Tutorial

und verändert das Projekt nach ionischen 3, jetzt gibt es eine Datei list.html, es hat eine Schaltfläche in der Kopfzeile, die das Seitenmenü öffnet. Ich wollte dort einen Back-Button haben und entfernte den Code für das Öffnen des Seitenmenüs. Erwartet, dass die Zurück-Schaltfläche automatisch angezeigt wird, aber es ist nicht geschehen, stattdessen zeigt es Header ohne eine Schaltfläche mit nur Titel geschrieben.

in diesem Projekt werden Sie list.html finden, und ich habe es wie folgt verändert:

<ion-header> 
    <ion-navbar> 
    <ion-title>My First List</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-content> 
    <ion-list> 
    <button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)"> 
     <ion-icon name="{{item.icon}}" item-left></ion-icon> 
     {{item.title}} 
     <div class="item-note" item-right> 
     {{item.note}} 
     </div> 
    </button> 
    </ion-list> 
</ion-content> 

Es hat nur einen Titel, Button nicht zurück Navigation, die mich Seite

Antwort

1

Sie können Code unten in app.component.ts hinzufügen

itemTapped(item) { 
    // close the menu when clicking a link from the menu 
    this.menu.close(); 
    // navigate to the new page if it is not the current page 
    this.nav.push(page.component); 
} 
+0

yeah !! Es hat funktioniert, danke @sau_Patil – devanshsadhotra

0
zu verankern nehmen könnten

Hier ein Code für Header in ionic.

<ion-view> 
<ion-nav-bar> 
    <ion-nav-buttons side="left"> 
     <button class="button button-clear ion-arrow-left-c " ng-click="backButton()"></button> 
    </ion-nav-buttons> 
    <ion-nav-buttons side="right"> 
     <button class="button button-clear btn-white ion-android-settings header-icon-size " ng-click="openDrawer()"></button> 
    </ion-nav-buttons> 
</ion-nav-bar> 
<ion-content> 
    <!-- here content --> 
</ion-content> 
</ion-view> 

Lassen Sie mich wissen, ob es für Sie funktioniert ??

+0

der Code, den Sie ist rechts zur Verfügung gestellt, aber es ist nicht möglich, da eine Funktion auf einem Back-Taste aufrufen wird mich manuell zurück zur vorherigen Seite an die Spitze davon, IONIC 2 bietet Standard-Zurück-Taste, die leicht funktioniert – devanshsadhotra

Verwandte Themen