AngularJS, Front End Development
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...
AngularJS, Front End Development
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...
AngularJS, Front End Development
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...
AngularJS, Front End Development
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...
AngularJS, Front End Development
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...
AngularJS, Front End Development
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...
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...
AngularJS, Front End Development
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...
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...
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...
AngularJS, Front End Development
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...
AngularJS, Front End Development
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...