{"id":2702,"date":"2019-04-04T14:37:40","date_gmt":"2019-04-04T14:37:40","guid":{"rendered":"https:\/\/ionicframework.com\/?p=2702"},"modified":"2020-10-15T22:33:58","modified_gmt":"2020-10-15T22:33:58","slug":"ionic-release-4-2-helium","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium","title":{"rendered":"Ionic Release: 4.2 Helium!"},"content":{"rendered":"

Ionic 4.2 is upon us, and with it, so is our second feature release of Ionic 4! This release is codenamed Helium, after the second element in the periodic table of elements.<\/p>\n

\"\"

<\/p>\n

\n Did you know? Helium is the second-most abundant element in the Universe (after hydrogen), making up about 24 percent of the universe’s mass. However, it is relatively rare on Earth. Scientists fear that we might someday run out of helium as it is considered a non-renewable resource. More info<\/a>.\n<\/p><\/blockquote>\n

Ionic 4.2 landed on NPM today with a couple of highly-requested features and some great bug fixes. Let’s dive in and take a look.<\/p>\n

New Features<\/h2>\n

New Error Event for ion-img<\/h3>\n

An event is now emitted on <ion-img><\/code> when an image fails to load. This can be useful to load default images in case the specified image is not found:<\/p>\n

\"\"

  <ion-img src="\/assets\/goodperson.jpg" (ionError)="loadDefault($event)"><\/ion-img>\n  <ion-img src="\/assets\/badimage.jpg" (ionError)="loadDefault($event)"><\/ion-img>\n<\/code><\/pre>\n
loadDefault(event) {\n    event.target.src = '\/assets\/img\/default.png';\n}\n<\/code><\/pre>\n
This feature was a pull request made by community member Ivan Tham<\/a>. Thanks!<\/p>\n
Optional ticks on ion-range<\/h3>\n
Before, when you specified snaps<\/code> on <ion-range><\/code>, you would get tick marks on the slider bar. Thanks to a contribution from Seth Lilly<\/a>, you can now specify a ticks<\/code> boolean attribute to control if they appear or not (defaults to false):<\/p>\n
\"\"
<ion-range min="0" max="20" step="5" snaps="true"><\/ion-range>\n<ion-range min="0" max="20" step="5" snaps="true" ticks="false"><\/ion-range>\n<\/code><\/pre>\n
Note that the ticks will only display if snaps<\/code> is set to true<\/code>, regardless of the value of ticks<\/code>.<\/p>\n
Bug fixes<\/h2>\n
There are a few notable bug fixes that are in 4.2.<\/p>\n
Activated Route Observable Fixes<\/h3>\n
There was an issue where the observables on an ActiveatedRoute<\/code> would only fire the first time the page was loaded. This is now fixed and fire every time the observable changes:<\/p>\n
\"\"
constructor(\n  public actionSheetCtrl: ActionSheetController,\n  private route: ActivatedRoute,\n  private router: Router\n) {}\n\nngOnInit() {\n  this.route.queryParams.subscribe(qp => this.qp = qp);\n}\n<\/code><\/pre>\n
DateTime Fixes<\/h3>\n
Lots of updates went into the DateTime picker this release. Defaulting to the local timezone and having the picker update the days in the month when you select a new month are a couple we think the community will be excited about:<\/p>\n
\"\"
For a full list of bugs fixes with links to issues, see the release notes here<\/a>.<\/p>\n
Special thanks to all our community contributors who helped by filing and fixing issues in this release, we appreciate it!<\/p>\n
Whats next? We are heads down focused on bringing first-class desktop support to Ionic. Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"
Ionic 4.2 is upon us, and with it, so is our second feature release of Ionic 4! This release is codenamed Helium, after the second element in the periodic table of elements.<\/p>\n","protected":false},"author":66,"featured_media":2709,"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":[120],"tags":[3],"class_list":["post-2702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-ionic"],"acf":[],"yoast_head":"\nIonic Release: 4.2 Helium! - 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-release-4-2-helium\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic Release: 4.2 Helium!\" \/>\n<meta property=\"og:description\" content=\"Ionic 4.2 is upon us, and with it, so is our second feature release of Ionic 4! This release is codenamed Helium, after the second element in the periodic table of elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-04T14:37:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-15T22:33:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ely Lucas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elylucas\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ely Lucas\" \/>\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-release-4-2-helium#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\"},\"author\":{\"name\":\"Ely Lucas\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/d4a019b9a30f6c3db51b24803ab2be9b\"},\"headline\":\"Ionic Release: 4.2 Helium!\",\"datePublished\":\"2019-04-04T14:37:40+00:00\",\"dateModified\":\"2020-10-15T22:33:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\"},\"wordCount\":354,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png\",\"keywords\":[\"Ionic\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\",\"name\":\"Ionic Release: 4.2 Helium! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png\",\"datePublished\":\"2019-04-04T14:37:40+00:00\",\"dateModified\":\"2020-10-15T22:33:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png\",\"width\":1440,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic Release: 4.2 Helium!\"}]},{\"@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\/d4a019b9a30f6c3db51b24803ab2be9b\",\"name\":\"Ely Lucas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/224137763c00c380285e911184f2139f2f4e2f15ecc2fcd9528feebc6d2ddab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/224137763c00c380285e911184f2139f2f4e2f15ecc2fcd9528feebc6d2ddab6?s=96&d=mm&r=g\",\"caption\":\"Ely Lucas\"},\"sameAs\":[\"https:\/\/x.com\/elylucas\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/ely\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic Release: 4.2 Helium! - 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-release-4-2-helium","og_locale":"en_US","og_type":"article","og_title":"Ionic Release: 4.2 Helium!","og_description":"Ionic 4.2 is upon us, and with it, so is our second feature release of Ionic 4! This release is codenamed Helium, after the second element in the periodic table of elements.","og_url":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium","og_site_name":"Ionic Blog","article_published_time":"2019-04-04T14:37:40+00:00","article_modified_time":"2020-10-15T22:33:58+00:00","og_image":[{"width":1440,"height":800,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","type":"image\/png"}],"author":"Ely Lucas","twitter_card":"summary_large_image","twitter_creator":"@elylucas","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Ely Lucas","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium"},"author":{"name":"Ely Lucas","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/d4a019b9a30f6c3db51b24803ab2be9b"},"headline":"Ionic Release: 4.2 Helium!","datePublished":"2019-04-04T14:37:40+00:00","dateModified":"2020-10-15T22:33:58+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium"},"wordCount":354,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","keywords":["Ionic"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium","url":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium","name":"Ionic Release: 4.2 Helium! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","datePublished":"2019-04-04T14:37:40+00:00","dateModified":"2020-10-15T22:33:58+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-release-4-2-helium"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","width":1440,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-2-helium#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic Release: 4.2 Helium!"}]},{"@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\/d4a019b9a30f6c3db51b24803ab2be9b","name":"Ely Lucas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/224137763c00c380285e911184f2139f2f4e2f15ecc2fcd9528feebc6d2ddab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/224137763c00c380285e911184f2139f2f4e2f15ecc2fcd9528feebc6d2ddab6?s=96&d=mm&r=g","caption":"Ely Lucas"},"sameAs":["https:\/\/x.com\/elylucas"],"url":"https:\/\/ionic.io\/blog\/author\/ely"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/04\/ionic-4.2.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2702","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\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=2702"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2702\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/2709"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=2702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=2702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=2702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}