June 16, 2016
  • All
  • Ionic
  • Ionic 2

Ionic 2, Beta 9 is Out!

Mike Hartington

Director of Developer Relation...

Today, we’re excited to announce that the beta 9 release of Ionic 2 is live! Beta 9 includes many bug fixes that community members reported and worked with us to fix, so we’d like to thank those of you who filed issues and worked with us to resolve them. This release is for you!

Along with these bug fixes, we also managed to squeeze in a new feature, thanks to your requests: Sliding items on the left and right side! You’ve been begging for this feature, and we’re so happy to be able to include it in this release.

Two-Way Sliding List Items

We’ve been working carefully on two-way sliding list items, to make sure that feature’s done right. Now, if you want your users to have the option to swipe left or right, it’s as simple as setting the side property to do reveal buttons by swiping left or right–your choice.

left

<ion-item-sliding>
  <ion-item>
    Item 1
  </ion-item>
  <ion-item-options side="left">
    <button>
          <ion-icon name="mail"></ion-icon>
    </button>
  </ion-item-options>

  <ion-item-options side="right">
    <button>
          <ion-icon name="trash"></ion-icon>
    </button>
    <button>
          <ion-icon name="star"></ion-icon>
    </button>
  </ion-item-options>
</ion-item-sliding>

We took this a step further by also allowing you to create a full-swipe action, similar to what you’d see in a native app.

sliding

<ion-item-sliding>
  <ion-item>
    Item 1
  </ion-item>
  <ion-item-options side="left">
    <button>
          <ion-icon name="mail"></ion-icon>
    </button>
  </ion-item-options>

  <ion-item-options side="right" (ionSwipe)="saveItem(item)">
    <button>
          <ion-icon name="trash"></ion-icon>
    </button>
    <button expandable (click)="saveItem(item)">
          <ion-icon name="star"></ion-icon>
    </button>
  </ion-item-options>
</ion-item-sliding>

This gives your app a much more expressive way to perform actions and really pushes what your app can do. Take a look at our docs to learn more about the feature, and let us know what you think!

Parting Words

The beta release gets us even closer to our release candidate! We’re so excited to share what we’ve been working on for the next release, so stay tuned for more updates soon.


Mike Hartington

Director of Developer Relation...