AngularJS, Front End Development

Angular 2 component dataflow

Angular 2 leverages the power of web components. If you are familiar with Angular 1, you know the term directives. Actually, directives are still here in Angular 2. Components are a combination of Directives, controllers, and scope of Angular 1. Components Angular 2 app has at least one root component. Components are the basic building...

by Vishal Bajpai
Tag: angular development
23-May-2016

AngularJS, Front End Development

Angular 2.0- Communication among components using Services

In this article, we are going to discuss about how different components can share data using services. To understand services properly, I have developed a simple Angular 2 app in which components are sharing data with each other. About Angular 2.0 Angular 2.0 is a new framework that helps in developing Single page JavaScript...

by Giridhar Shukla
Tag: angular development
13-May-2016

AngularJS, Front End Development

Comparison between Angular and Polymer

Angular :-  Angular is a robust application level js framework based on MVC pattern, facilitate you to extend HTML's syntax to express application's components clearly. Angular's bi-directional data binding and dependency injection reduce code complexity and development time. Polymer :- Polymer is a lightweight js library used to build...

by Anil Joshi
Tag: angular development
06-Apr-2016

AngularJS, Front End Development

JHipster : RAD with Spring Boot and AngularJS

What if we want to build our new app with technology like Spring Boot exhibiting REST APIs with an AngularJS front end? This basically involves 2 steps: Setup the backend app using Spring Boot Setup the frontend app using AngularJS Setting up these 2 separate environments have their own quirks. Beside of setting up the framework...

by Manvendra Singh
Tag: angular development
06-Mar-2016

AngularJS, Front End Development

Scope in AngularJs Custom Directive

In AngularJs ‘directive’ plays an important role. AngularJs custom directive has many options like replace, scope, transclude etc. Here we will discuss ‘scope’ property. The scope can have 2 types of value: 1.Boolean 2.Object 1. Boolean : When scope’s value is false:- It defaults value. It creates a new scope but just...

by Vineeta Sharma
Tag: angular development
11-Feb-2016

AngularJS, Front End Development

Using bindToController with ControllerAs syntax in Angular

In an Angular application, when we use a controller as syntax we generally encounter isolated scope binding issues, controller's scope is bound to 'this' reference. But how does it work while building directive with an isolated scope? We can create an isolated scope by adding an object to our directive definition that explains how every...

by Heena Dhamija
Tag: angular development
17-Nov-2015

AngularJS, Automation Testing

Protractor test framework for AngularJS applications, An introduction

When to Use Protractor for automation testing? Protractor is an end-to-end testing framework for AngularJS applications. It is customized for selenium to create tests for AngularJS applications like locator strategies are based on angular js specifically. Protractor is based on AngularJS concepts, Which makes it easy to use if you...

by Gaurav Gupta
Tag: angular development
28-Oct-2015

AngularJS, Front End Development

Angular + SEO

There's a phase in every project when development reaches its completion and next step is to make it search engine friendly. When I had to do this task in my project, at that time I was a little bit confident that this is a very simple task and we just need to set meta tags and some other html tags so that google can crawl easily. But...

by Rubi Saini
Tag: angular development
05-Oct-2015

AngularJS, Technology

Directive compilation in angularjs

Manipulating DOM If we have worked on templates in other JavaScript framework/library like Backbone and jQuery, they process the template as a string and result as a string. We have to inject this result string into the DOM using innerHTML() or some other way, because there is no two way binding that needs to happen, we render the markup...

by Mohit Tyagi
Tag: angular development
21-Jul-2015

AngularJS, Technology

Internationalization with AngularJS

Why is internationalization support so important? These days variety of web projects demand the support for multiple languages feature. Most of the internet users do not have English as their first language. Thus there is a need to reach those users as well. There are many modules available to achieve multilingual feature in AngularJs...

by Dhiraj Sharma
Tag: angular development
17-Jul-2015

AngularJS, Front End Development

Manually Bootstrapping an AngularJS Application

We always need some mechanism to control our front-end application at the time when we bootstrap it. Getting some customization done before kicking in the angular on the front end, can be a desired use case for some of the Angular Applications. It is mainly needed when we have to redirect to an Angular application from some other social...

by Vibhor Kukreja
Tag: angular development
02-Jul-2015

AngularJS, Front End Development

Lets know more about angular module

Modularizing your application is a good practice because it makes the components reusable, configurable and testable. As we know that angular is on the global scope itself whereas angular.module is a global place to create, register or retrieve angular modules. In other words,  angular.module is a container for other units of your...

by Sandeep Kumar
Tag: angular development
02-Jul-2015