Javascript

Angular 2 it is just around the corner and people are still afraid because Angular 2 changes too much and it will hard to migrate. That is not true at all, in fact you will see how easy is Angular 2by highlighting the semantic shift between those two.

Let’s migrate a directive from Angular 1 to Angular 2. I love accordions, everybody love accordions! Let’s migrate ui-bootstrap accordion to Angular 2. I can’t assume that you’re familiar with it, so we are code both at the same time, explaining the differences along the way. I highly recommend you to, at least, replicate yourself the Angular 2 one.

React JS Injection into Angular JS Application or Fighting for Performance Increase; Author: EastBancTech; Updated: 15 Aug 2014; Section: Client side scripting; Chapter: Web Development; Updated: 15 Aug 2014

Over the last few months, I've been digging into the Angular framework. One of the things that I really like about Angular, and hope to learn to use extremely well as I progress, is their notion of a "Directive". Directives provide a means for extending both the semantic meaning and functionality of your markup. There are many different ways to implement directives, and the documentation on the angular site is still a work in progress, so I would like to share how I've used them up to this point.

After using AngularJs for awhile I needed to extend the built in$filter("currency") to add a bit of css magic to some of my elements. I wanted to add a class to the text so I can style the element to give it a distinct look for positive and negative values. I also did not want to reinvent the currency filter.

AngularStrap was initially written to provide AngularJS wrapping directives for Twitter Bootstrap. It used to leverage the javascript code written by Bootstrap's contributors to minimize work, retro-compatibility issues & time to market.

While it worked pretty well, it required a big javascript payload: both jQuery & Twitter Bootstrap libraries. When the 1.2 release of AngularJS showed up with the ngAnimate module, greatly simplifying DOM manipulation, we knew it was time for a rewrite!

One of the tasks I find myself performing a lot when building Line of Business (LOB) applications is displaying dialogs. Some of the dialogs are modal (the user can’t click on the background to dismiss it) and some are non-modal. For example, I’m currently working on a LOB application that displays modal dialogs as users delete items on a page.

AngularJS Directive is what we have close to Web Components at this time and is the most crucial and difficult piece in AngularJS. I’ve not found any suitable article on the web to fully understand directives behavior based on options it takes so I’m writing one. Fingers crossed!