9
5 Cool New Features in Angular JS 1.2

5 cool new features in Angular js 1.2

Embed Size (px)

DESCRIPTION

This presentation talks about 5 cool features recently launched in the new version of Angular JS 1.2

Citation preview

Page 1: 5 cool new features in Angular js 1.2

5 Cool New Features in Angular JS 1.2

Page 2: 5 cool new features in Angular js 1.2

About Neev

Digital Marketing,

CRM, Analytics (Omni-Channel)

Quality Assurance &

Testing

Magento

Hybris Commerce

SaaS Applications

Adobe Marketing Cloud

Custom Development

Web

300+ team with experience in managing offshore, distributed development.

Neev Technologies established in Jan ‘05

VC Funding in 2009 By Basil Partners

Part of Publicis Groupe

Hybris and Adobe CQ centers of Excellence

Offices at Bangalore, Gurgaon, Pune, Mumbai

Member of NASSCOM.

Key Company HighlightsMobile Cloud

iOS

Android

PhoneGap

HTML5 Apps

AWS

Rackspace

Joyent

Heroku

Google Cloud Platform

User Interface Design and

User Experience Design

Outsourced Product

Development

Performance Consulting Practices

Click here to know more about us

Page 3: 5 cool new features in Angular js 1.2

5 New Features in Angular JS 1.2

• The AngularJS team recently announced the availability of the release candidate version of AngularJS 1.2 code named Spooky – Giraffe.

Lets look at some of the interesting additions and changes in AngularJS 1.2: 1.) NgAnimate: NgAnimate has been one of the coolest and most talked about features in the Angular 1.x

branch. In version 1.2, this has been completely re-written and we no longer have the Ng-Animate directive. NgAnimate has now been converted into a CSS class based animation and transition.

For more information on coding refer to http://www.neevtech.com/blog/2013/08/17/5-cool-features-in-angularjs-1-2/

Page 4: 5 cool new features in Angular js 1.2

5 New Features in Angular JS 1.2

2.) New Directives - ngFocus & ngBlur:

Finally, we can now have events for focus and blur on an element. These two new directives will allow writing custom code, validation messages etc. easier.

For more information on coding refer to http://www.neevtech.com/blog/2013/08/17/5-cool-features-in-angularjs-1-2

Page 5: 5 cool new features in Angular js 1.2

5 New Features in Angular JS 1.2

3.) $Even and $odd props for ngRepeat: Until now, ngRepeat only had $index, $first, $middle and $last props. So, if you had to create a

table with alternating rows, you’d need to write some complex looking code using a mod by 2 of the index with an appropriate CSS class or you’d need to use the other two ngClassEven and ngClassOdd directives. Now, its easier with $odd and $even getting added to the rest of the props for ngRepeat.

For more information on coding refer to http://www.neevtech.com/blog/2013/08/17/5-cool-features-in-angularjs-1-2

Page 6: 5 cool new features in Angular js 1.2

5 New Features in Angular JS 1.2

4.) Swipe Events with ngTouch:

This is a really cool feature when building mobile or tablet apps with AngularJS. We now have

two new directives called ng-swipe-left and ng-swipe-right. With this it is now possible to write

functionality that can be triggered based on these events.

5.) jQuery Reference moves from Global to Local:

Until now, the angular scenario would reference jQuery globally, due to which we would have

trouble making our non-AgularJS code to work with jQuery. With the 1.2 release, jQuery is

referenced locally to the Angular app and it should now be easier to have our non-Angular code

make use of jQuery.

Page 7: 5 cool new features in Angular js 1.2

Partnerships

Page 8: 5 cool new features in Angular js 1.2

A Few Clients

Page 9: 5 cool new features in Angular js 1.2

Neev Information Technologies Pvt. Ltd.

Bangalore: The Estate, # 121,6th Floor,

Dickenson Road, Bangalore-56004, India.

Phone :+91 80 25594416

Pune: Office No. 4 & 5, 2nd floor, L-Square, Plot No. 8,

Sanghvi Nagar, Aundh, Pune – 411007, India.

Phone :+91 20 64103338

[email protected] For more info on our offerings, visit www.neevtech.com

Web

UI/UX Design

Outsourced ProductDevelopment

Performance ConsultingPractices

Quality Assurance &Testing

Mobile

Cloud