Beta Released! v1.0.0-beta.1 is out


#1

Read more about it here:
http://ionicframework.com/blog/ionic-framework-beta-released/

1.0.0-beta.1 (2014-03-25)

Bug Fixes

  • active: Updated which elements to set active class along w/ tests, closes #857 (423f9e4f)
  • badge: Badge horizontal alignment over item right side buttons, closes #826 (ded46931)
  • click:
    • Increase the ghost click prevent delay for grade C devices (001bcca4)
    • enter key submission blocked. (72ee799c, closes #819)
    • Click Events In SlideBox Fire Multiple Times, closes #808 (f8a71377)
  • domready: Fixed if firing off callbacks when DOM was already ready (a637fb4d)
  • grid: Correct responsive grid breaks for col-XX, closes #803 (8fae85e9)
  • input: Fix input label from shifting when text is too long on iOS, closes #801 (b8d4c51f)
  • ionList: only stop side menu drag if canSwipe (c653e83c, closes #709)
  • ionTab: stop browser-tooltip from appearing due to title attr (aa30faf8, closes #804)
  • item:
    • Restructure item editing css for added reusability and organization (07c824db)
    • fix avatar/thumbnail in .item-complex, and avatar misspelling (947b8d69)
  • listView:
  • pointer: Add pointer styling to .item[ng-click], closes #858 (aa280910)
  • popup:
    • Ensure popup is usable on top of a modal, closes #838 (6ebfe776)
    • focus popup. (dddc34d8, closes #820)
  • range: Clicking Line For Range Causes Drag Button To Follow Mouse, close #779 (26c8f304)
  • reorder: Prevent scroll w/ data-prevent-scroll attr on reorder btn, closes #848 (f1ed4b00)
  • scrollView:
  • tabs: Renamed .tab-item active state from .active to .tab-item-active, closes #866 (24160aa0)
  • tap:
    • Trigger clicks if touch/click held for more than 250ms, closes #791 (60e45333)
    • Reset startCoordinates on touchend/mouseup, closes #874 (76a53134)
    • Remove select element from tap checking, closes #836 (3d917c83)
  • toggle: Changed tap listener to use “release”, closes #882 #881 (b1a7c199)

Features

Breaking Changes / Migration Guide

  • ionTabs: tabs-type and tabs-style removed. Use classNames instead.

Relevant Documentation: ionTabs.

Old Code:

<ion-tabs tabs-type="tabs-top" tabs-style="tabs-positive" animation="slide-left-right">

New Code:

<ion-tabs class="tabs-top tabs-positive slide-left-right">

  • ionHeaderBar, ionFooterBar: remove type, title, left-buttons, right-buttons.

Relevant Documentation: ionHeaderBar,
ionFooterBar.

Old Code:

<ion-header-bar type="bar-positive" 
  title="{{someTitle}}" 
  left-buttons="left" 
  right-buttons="right">
</ion-header-bar>

New Code:

<ion-header-bar class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="leftButtonTap()">
      Left Button
    </button>
  </div>
  <h1 class="title">{{someTitle}}</h>
  <div class="buttons">
    <button class="button" ng-click="rightButtonTap()">
      Right Button
    </button>
  </div>
</ion-header-bar>
  • ionNavBar, ionView: Remove left-buttons, right-buttons, type, animation,
    back-button-* attributes from ionNavBar. Remove left-buttons, right-buttons from ionView.

Additionally, all ‘viewState.*’ events have been removed. Use $ionicNavBarDelegate.

Relevant Documentation: ionNavBar,
ionView,
ionNavBackButton (new),
ionNavButtons (new).

Old Code:

<ion-nav-bar type="bar-positive" 
  animation="slide-left-right" 
  back-button-type="button-icon"
  back-button-icon="ion-arrow-left-c"
  back-button-label="Back">
</ion-nav-bar>
<ion-nav-view>
  <ion-view left-buttons="leftButtons"
    title="someTitle"
    right-buttons="rightButtons">
  </ion-view>
</ion-nav-view>

New Code:

<ion-nav-bar class="bar-positive slide-left-right">
  <ion-nav-back-button class="button-icon ion-arrow-left-c">
    Back
  </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view>
  <ion-view title="someTitle">

    <ion-nav-buttons side="left">
      <button class="button" ng-click="leftButtonTap()">
        Left Button
      </button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
      <button class="button" ng-click="rightButtonTap()">
        Right Button
      </button>
    </ion-nav-buttons>

  </ion-view>
</ion-nav-view>
  • ionSideMenuContent: is now an element directive.

Relevant documentation: ionSideMenus,
ionSideMenuContent,
ionSideMenu.

Old Code:

<ion-side-menus>
  <ion-pane ion-side-menu-content>
  </ion-pane>
</ion-side-menus>

New Code:

<ion-side-menus>
  <ion-side-menu-content>
  </ion-side-menu-content>
</ion-side-menus>

Some problems after update to v1.0.0-beta.1
New version not work in my app
#2

This topic is now pinned. It will appear at the top of its category until it is either unpinned by a moderator, or the Clear Pin button is pressed.


#4

Hi,
I just installed it, created a new app, but there is not lib folder anymore.


#5

When released “stable” version


#6

@pbruna what do you mean? Did you update ionic?

sudo npm install -g ionic
ionic start myApp


#7

@pbruna are you on windows?


#8

Hey max !

As pbruma says, the PROJECT/www/lib directory is no longer created when starting an ionic app.

sudo npm update -g ionic
ionic start myGreatApp
ls myGreatApp/www

Result is :

config.xml	
img		
index.html	
js		
templates

If I recall, there used to be a lib folder with ionic and angular stuff (like ionic.bundle.js) :wink:
I just copied them from the zip archive

Thanks for the amazing job you are doing with Ionic Framework.


#9

@hakan_ebabil @swder can you try again? Just pushed a fix. Also be sure to explicitly update the ionic cli.

npm install -g ionic && ionic start myApp, no need to update this time.


#10

@andy

Nope, still no lib folder. FYI, I am on Mac OSX, don’t know if the info is relevant, though.


#11

Can you put the result of cat /usr/local/share/npm/lib/node_modules/ionic/package.json | grep version in here?

We need to add an ionic --version command!


#12

Thanks for the beta release !


#13

I’m on Mac OSX too. and command result is “version”: “1.0.0-beta.1”


#14

can you show me everything that’s inside the created app folder?


#15

on http://ionicframework.com/getting-started/
you might want to change
$ ionic start myApp side-menu

to

$ ionic start myApp sidemenu


#16

Awesome work!

Thanks for updating the seed app as well. For those managing their bundled library with Bower you can run bower install driftyco/ionic-bower#v1.0.0-beta.1 to pull down the beta.

If you’re interested in using Yeoman + Grunt to manage your workflow and build system I’ve updated this generator with the new release as well.


#17

So, the directory is not the one you specified but : /usr/local/lib/node_modules/ionic

And version is : “version”: “1.0.0-beta.1”,


#18

Please refer to https://gist.github.com/tenten0213/ed8f5b1460933cff9a13


#19

no ionic or angularjs that are normally in the lib folder. quick fix, http://code.ionicframework.com/1.0.0-beta.1/ionic-v1.0.0-beta.1.zip. i should have waited a few days to updates. wow, the this version run a little bit faster on android.


#20

in the new version it is directly in the js folder. this is how i have it when i install


#21

Hi @max,
after looking at the code I noticed that the new css was built from sass using gult, so I installed gult and run again ionic start myapp and now there is a lib folder.

I guess now is requisite to have gult installed, right?. Im running the v1.0.0-beta on Mac OS Mavericks.

By the way: Thanks for Ionic!!!