Ionic 2 beta9!!!

releaseionic2 - June 17, 2016 por Nicolas Molina

Ionic 2 beta9 está al aire, además de solucionar varios bug y agregar nuevas características nos muestran que estamos muy cerca de un release, en esta versión NO HAY BREAKING CHANGES, así que podemos estar tranquilos y disfrutar de las nuevas características que nos trae.

Las características más relevantes los vemos en estos tres puntos agregadas

  1. El componente item-sliding ahora puede estar a cualquier costado (derecha o izquierda)
  2. tabs ahora tiene un método previousTab, con el cual podemos manipular mejor l navegación.
  3. range puede ser deshabilitado.


Este componente ahora trae nuevas e increíbles posibilidades.

Además que podemos poner opciones al ítem en la derecha o izquierda, algo increíble nuevo de este componente es poder es automatizar ciertas tareas con la acción ionSwipe .

Es decir, un ejemplo es como funciona Inbox by Gmail, en la cual podemos poner un mail como leído con solo con deslizar el ítem a la derecha o de posponer el mail con deslizar el ítem al izquierda. Ahora podemos agregar esta posibilidad a nuestras aplicaciones.

Ahora miremos cómo sería el código:

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

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

Aqui todos el detalle que trae esta versión (2.0.0-beta.9):



  • backButton: register back button actions (84f37cf)
  • item: add the ability to show a forward arrow on md and wp modes (c41f24d)
  • item: two-way sliding of items (c28aa53), closes #5073
  • item-sliding: two-way item sliding gestures (5d873ff)
  • modal: background click and escape key dismiss (#6831) (e5473b6), closes #6738
  • navPop: add nav pop method on the app instance (9f293e8)
  • popover: background dismiss, escape dismiss (1d78f78), closes #6817
  • range: range can be disabled (ccd926b)
  • select: add placeholder as an input for select (461ba11), closes #6862
  • tabs: track tab selecting history, create previousTab() method (d98f3c9)

Bug Fixes

  • button: check for icon and add css after content checked (f7b2ea2), closes #6662
  • click-block: click block is now showing on all screns. (761a1f6)
  • click-block: fix for the click block logic (9b78aeb)
  • datetime: add styling for datetime with different labels (adcd2fc), closes #6764
  • decorators: change to match angular style guide (9315c68)
  • item: change ion-item-swiping to use .item-wrapper css instead (31f62e7)
  • item: encode hex value in the detail arrow so it works on firefox (03986d4), closes #6830
  • item: improve open/close logic, update demos (db9fa7e)
  • item: item-options width calculated correctly (64af0c8)
  • item: sliding item supports dynamic options + tests (14d29e6), closes #5192
  • item: sliding item’s width must be 100% (efcdd20)
  • menu: push/overlay working correctly in landscape (0c88589)
  • menu: swiping menu distinguishes between opening and closing direction (29791f8), closes #5511
  • Menu: fix right overlay menu when rotating device (07d55c5)
  • modal: add status bar padding to modal (181129b)
  • modal: change modal display so you can scroll the entire height (01bbc94), closes #6839
  • navigation: keep the click block up longer if the keyboard is open (#6884) (d6b7d5d)
  • popover: allow target element to be positioned at left:0 (ea450d4), closes #6896
  • popover: hide arrow if no event was passed (8350df0), closes #6796
  • range: bar height for ios should be 1px, add disabled for wp (f2a9f2d)
  • range: stop sliding after releasing mouse outside the window (9b2e934), closes #6802
  • scrollView: ensure scroll element exists for event listeners (1188730)
  • searchbar: add opacity so the searchbar doesn’t show when it’s moved over (b5f93f9)
  • searchbar: only trigger the input event on clear if there is a value (99fdcc0), closes #6382
  • searchbar: position elements when the value changes not after content checked (31c7e59)
  • searchbar: set a negative tabindex for the cancel button (614ace4)
  • searchbar: use the contrast color for the background in a toolbar (b4028c6), closes #6379
  • tabs: reduce padding on tabs for ios (fd9cdc7), closes #6679
  • tap: export isActivatable as a const so its transpiled correctly (ce3da97)
  • toast: close toasts when two or more are open (#6814) (8ff2476), closes [(#6814](
  • toast: toast will now be enabled (#6904) (c068828)
  • virtualScroll: detect changes in individual nodes (f049521), closes #6137

Performance Improvements

  • virtualScroll: improve UIWebView virtual scroll (ff1daa6)