The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

lifting-up-glass

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.

  • paulogr

    Great work!

  • http://javebratt.com Jorge Vergara

    Wow, moving fast!

  • forextor

    This one still on Angular RC 1? I am glad there is no breaking changes this time around unlike the past two releases… not that I am complaining though…

  • Ítalo Ayres

    Very neat! I’m looking forward to see material-design tabs swiping. It’s a great step towards a more native-feeling in Android.

  • Guilherme Rodrigues

    awesome.. you rock guys

  • Adhemar Soria Galvarro V.

    Excelent ?

  • http://nicholls.azurewebsites.net/ Juan David Nicholls

    Wowwwww!

  • Stefan

    Have typings been updated to version > 1? As these ambient typings disapear

  • Matt

    Many thanks!

  • http://marcusvbp.com.br/ Marcus VBP

    Hi, I’m getting an error after upgrade to beta 9:

    uncaught Invalid provider – only instances of Provider and Type are allowed, got: [object Object]

    Maybee it’s related to ionicBootstrap.

    In my case:

    ionicBootstrap(MyApp, [ANGULAR2_GOOGLE_MAPS_PROVIDERS, UserProvider], {});

    • http://marcusvbp.com.br/ Marcus VBP

      Nevermind, I just figured the issue is related to ANGULAR2_GOOGLE_MAPS_PROVIDERS

      • Emeryao

        it should be
        ionicBootstrap(MyApp, […ANGULAR2_GOOGLE_MAPS_PROVIDERS, UserProvider], {});
        right?

  • Tom McLellan

    Awesome! We presented with V2 Beta 8 at the Ionic Vancouver meetup yesterday and we were guessing 9 would be later this month – nice momentum!

  • http://www.buerguo.com eefeng

    更新好快啊。要不要继续跟上呢

    • 喻小陽

      可以的

    • Emeryao

      肯定要跟上啊 改了不少bug呢

  • http://www.nickkenens.com Nick Kenens

    Amazing job!

  • Divi

    you guys rocking..waiting for an stable release…

  • http://www.buerguo.com eefeng

    更新以后,ion-card ion-list都不能滚动了. help me!

  • Emeryao

    The Sliding List Items is awesome!

  • Johnny IV Young

    nice job!