{"id":1128,"date":"2016-06-16T19:39:28","date_gmt":"2016-06-16T19:39:28","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1128"},"modified":"2017-01-09T07:05:58","modified_gmt":"2017-01-09T07:05:58","slug":"ionic-2-beta-9-is-out","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out","title":{"rendered":"Ionic 2, Beta 9 is Out!"},"content":{"rendered":"

Today, we’re excited to announce that the beta 9 release of Ionic 2<\/a> is live! Beta 9 includes many bug fixes<\/a> 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!<\/p>\n

Along with these bug fixes, we also managed to squeeze in a new feature, thanks to your requests: Sliding items<\/a> 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.
\n<\/p>\n

Two-Way Sliding List Items<\/h3>\n

We\u2019ve 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\u2019s as simple as setting the side<\/code> property to do reveal buttons by swiping left or right–your choice.<\/p>\n

\"left\"

<ion-item-sliding>\n  <ion-item>\n    Item 1\n  <\/ion-item>\n  <ion-item-options side="left">\n    <button>\n          <ion-icon name="mail"><\/ion-icon>\n    <\/button>\n  <\/ion-item-options>\n\n  <ion-item-options side="right">\n    <button>\n          <ion-icon name="trash"><\/ion-icon>\n    <\/button>\n    <button>\n          <ion-icon name="star"><\/ion-icon>\n    <\/button>\n  <\/ion-item-options>\n<\/ion-item-sliding>\n<\/code><\/pre>\n
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.<\/p>\n
\"sliding\"
<ion-item-sliding>\n  <ion-item>\n    Item 1\n  <\/ion-item>\n  <ion-item-options side="left">\n    <button>\n          <ion-icon name="mail"><\/ion-icon>\n    <\/button>\n  <\/ion-item-options>\n\n  <ion-item-options side="right" (ionSwipe)="saveItem(item)">\n    <button>\n          <ion-icon name="trash"><\/ion-icon>\n    <\/button>\n    <button expandable (click)="saveItem(item)">\n          <ion-icon name="star"><\/ion-icon>\n    <\/button>\n  <\/ion-item-options>\n<\/ion-item-sliding>\n\n<\/code><\/pre>\n
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<\/a> to learn more about the feature, and let us know what you think!<\/p>\n
Parting Words<\/h3>\n
The beta release gets us even closer to our release candidate! We\u2019re so excited to share what we\u2019ve been working on for the next release, so stay tuned for more updates soon.<\/p>\n","protected":false},"excerpt":{"rendered":"
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 […]<\/p>\n","protected":false},"author":5,"featured_media":1646,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[3,13],"class_list":["post-1128","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","tag-ionic","tag-ionic-2"],"acf":[],"yoast_head":"\nIonic 2, Beta 9 is Out! - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 2, Beta 9 is Out!\" \/>\n<meta property=\"og:description\" content=\"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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-16T19:39:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-09T07:05:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"388\" \/>\n\t<meta property=\"og:image:height\" content=\"182\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Mike Hartington\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mhartington\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Hartington\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\"},\"author\":{\"name\":\"Mike Hartington\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\"},\"headline\":\"Ionic 2, Beta 9 is Out!\",\"datePublished\":\"2016-06-16T19:39:28+00:00\",\"dateModified\":\"2017-01-09T07:05:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\"},\"wordCount\":259,\"commentCount\":22,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif\",\"keywords\":[\"Ionic\",\"Ionic 2\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\",\"name\":\"Ionic 2, Beta 9 is Out! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif\",\"datePublished\":\"2016-06-16T19:39:28+00:00\",\"dateModified\":\"2017-01-09T07:05:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif\",\"width\":388,\"height\":182},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 2, Beta 9 is Out!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\",\"name\":\"Mike Hartington\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"caption\":\"Mike Hartington\"},\"description\":\"Director of Developer Relations\",\"sameAs\":[\"https:\/\/twitter.com\/mhartington\",\"https:\/\/x.com\/mhartington\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mike\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic 2, Beta 9 is Out! - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out","og_locale":"en_US","og_type":"article","og_title":"Ionic 2, Beta 9 is Out!","og_description":"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 […]","og_url":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out","og_site_name":"Ionic Blog","article_published_time":"2016-06-16T19:39:28+00:00","article_modified_time":"2017-01-09T07:05:58+00:00","og_image":[{"width":388,"height":182,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","type":"image\/gif"}],"author":"Mike Hartington","twitter_card":"summary_large_image","twitter_creator":"@mhartington","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Mike Hartington","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out"},"author":{"name":"Mike Hartington","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b"},"headline":"Ionic 2, Beta 9 is Out!","datePublished":"2016-06-16T19:39:28+00:00","dateModified":"2017-01-09T07:05:58+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out"},"wordCount":259,"commentCount":22,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","keywords":["Ionic","Ionic 2"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out","url":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out","name":"Ionic 2, Beta 9 is Out! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","datePublished":"2016-06-16T19:39:28+00:00","dateModified":"2017-01-09T07:05:58+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","width":388,"height":182},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-2-beta-9-is-out#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic 2, Beta 9 is Out!"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b","name":"Mike Hartington","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","caption":"Mike Hartington"},"description":"Director of Developer Relations","sameAs":["https:\/\/twitter.com\/mhartington","https:\/\/x.com\/mhartington"],"url":"https:\/\/ionic.io\/blog\/author\/mike"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/lifting-up-glass.gif","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1128"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1128\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/1646"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}