ionic中的页面跳转

我们做手机APP的时候会很经常的涉及到页面跳转的问题，也就是click事件，具体应该怎么实现呢？步骤如下：

1.假设我们要从一个页面跳到另一个页面，首先要先写跳转的方法。

（1）当从列表中跳转时，待跳转页面的ts中写一个方法，表示即将跳转到好友页面。

goFriend(){
    this.app.getRootNav().push(FriendPage);
  }

（2）当从button跳转时，在待跳转页面中写一个方法，表示即将跳转到添加好友页面。

goAdd(){
     this.navCtrl.push(AddfriendPage);
  }

2.在跳转点写click事件：

（1）从列表跳转：

<div class="list card">
  <hr style="height:1px;border:none;border-top:1px groove skyblue;">
  <ul class="list"(click)="goFriend()">
    <li class="item" height="40px">

（2）从button跳转：

<div class="right-top-icon">
            <button class="button" (click)="goAdd()">Add</button>

以上就是简单的跳转啦~随着学习的深入，会有更多收获的。