The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

Today, we’re excited to announce the seventh beta release of Ionic 2. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog to see what’s included.

What’s New

The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular has moved to a new, more modular design, so this will be a significant breaking change for all Ionic 2 apps. To make things simple, we have prepared detailed instructions on how to upgrade an app to Beta 7. It should be a straightforward process that takes a few minutes or less. Please let us know if you experience any issues.

The DateTime component is a brand-new, highly extensible component built from the ground up to make it easy for users to select dates and times. You’ve been asking for a better datetime input, and we think you’ll love what we’ve come up with. This new component works with a variety of date format options to present the perfect interface for any app. Please check out the docs, give it a shot, and let us know what you think! We are so excited about this component that we’ll have a detailed blog post about it soon!

Inset modals are a new option for presenting modal content. Instead of taking up the full width and height of the viewport, an inset modal will only take up a portion of the width and height. Inset modals are now the default for larger screens, such as tablets and traditional computers.

What’s Next

Last week, during a webinar with Microsoft’s Apache Cordova Team, Ionic team members Brandy and Tim let the cat out of the bag: We’re aiming for a release candidate build of Ionic 2 by mid-June. If you’re interested in following along and seeing where we are, please refer to the Ionic 2 Roadmap document, as well as our GitHub Milestones.

Here are a few things we’ll be working on in the coming months:

Swipeable tabs: We’re working on giving you the ability to swipe between tabs in your app, similar to the Material Design tabs.

Popover: This will give you a way to present a list of actions in an app. It can be useful as an overflow menu for less often used actions, such as a link to the application settings, or a link to an about page.

Range slider: This UI component consists of a slider with a handle that can be dragged to select a specific value from a range.

Chips: Chips are a basic component in Material Design. They’re small blocks that hold information about something more complex.

Right to left: RTLs support is a requirement for many applications. We have been working with the community to get more information surrounding how RTL works, and we are continuously adding support for it to the framework. But we’re not done, and we’d love to have your help.

Electron support: Electron is a new, open technology for building traditional desktop apps using web technologies. Ionic 2 will have first-class Electron support.

Progressive Web app support: Progressive Web Apps are a new way to deliver amazing native-like experiences via the web.

Desktop web support: In addition to the mobile web, our intent is to support traditional desktop-style web apps with Ionic 2.

Conclusion

Please upgrade your Ionic 2 apps to Beta 7, so we can resolve any issues sooner than later. Please follow these instructions to have a smooth upgrade experience.

We’re really excited about Ionic 2, and we think you’re going to love it! Ionic 2 will enable developers to build an app once and deploy it to all major platforms including mobile, desktop and the web! Thank you to the amazing Ionic community for all of the support and the awesome contributions. We sincerely appreciate it. Happy coding!

  • Zaier

    Hi,
    Have you any officielle eBook like the manning’s ebook about Ionic1 “Ionic in Action”.
    Last year I purchased it as a meap version and it helped me so much…

    • Chris Griffith

      I am currently authoring an Ionic 2 book for O’Reilly. An Early Release version should be coming soon….

      • http://Localism.co/ Localism

        NICE. Looking forward to the book release. I would like to see the final edit before publication, if you want feedback.

  • Stefan

    Wow Desktop/Electron Support! This is absolutely awesome!

  • Luke

    Looks great. What about ionic-platform-web-client support for v2? I need me some push notifications. : )

  • http://blogs.msdn.com/rido rido min

    if you want to use Visual Studio 2015 to edit Ionic 2 apps, make sure you have the latest tools installed, as described here http://microsoft.github.io/vstacoblog/2016/05/18/webtools-preview-updates-npm-version.html

  • forextor

    The DateTime component is awesome… very impressive!. Also yay for the Electron and Desktop support!

  • Eran Levi

    Great News!

  • http://ferrisutanto.com Ferri Sutanto

    cant wait about electron support 😀

  • Sagiv Frankel

    Any prospects for Ionic2 support for Ionic Platform?

  • Yosi Kalmanson

    What are your plans related to supporting mobile-web? I created both our App and our mobile site (www.visitacity.com) using Ionic V1. Developing the app was a breeze. However, using Ionic for mobile website is more complicated. One major downside is that the browser address bar (both on Safari and Chrome) doesn’t hide when scrolling.

  • Sagiv Frankel

    Running step2 of the update results in `npm ERR! user sagivfrankel is not allowed to access package @angular/common : @angular/common`

    • Sagiv Frankel

      Found the problem – my registry was pointing to my companies private registry.

      npm config set registry https://registry.npmjs.org/

  • http://www.codingandclimbing.co.uk Dave Shirman

    Great work, thanks. Updating following these instructions was a breeze.

  • Jiyuu

    Interesting to see desktop web support… but why is there still – almost – nothing for tablets? (which are mobile)

  • Rick Li

    Will PWA adoption improve Ionic2 app in a significant way ?

  • Cage

    Hi, it would be great to have support for other libraries, like ReactJS or EnyoJs. Angular2 is looking like a complicated mess compared to other frameworks and we would love to use Ionic2.

  • Slash

    Are there more infos about “Desktop web support”, I’m still not sure how to implement traditional destkop-style web apps with ionic2.