2017-06-05 64 views
1

我克隆使用后退导航按钮没有显示出来

离子开始myProjectName教程

的代码,并改变根据离子3的项目,现在,有一个文件list.html,它在打开侧面菜单的标题处有一个按钮。我想在那里有一个后退按钮,并删除了侧面菜单打开的代码。预计后退按钮会自动显示,但它没有发生,而是显示标题,没有任何按钮,只有标题写入。

在这个项目

,你会发现list.html,我如下已经改变了它:

<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> 

它只是有一个标题,没有后​​退导航按钮,可以带我到根页

回答

1

可以在app.component.ts

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

是啊!它的工作,谢谢@sau_Patil – devanshsadhotra

0

这里的一些代码为离子标题。

<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> 

让我知道它是否适合你?

+0

您所提供的代码是正确的,但它是不可行的,因为呼吁后退按钮的功能手动将带我回到以前的页面在添加下面的代码它的顶部,IONIC 2提供默认后退按钮,很容易运作 – devanshsadhotra