Basic Routing in Angular 2

Published : 20-Jun-2017   

Today in the series Learning angular 2 step by step, we will learn about angular 2 basic routing.  Routing allows us mapping a URL path to a component. So users can navigate to a different component by 



Angular 2 Structural directives

Published : 11-Jun-2017   

Structural directives are used for changes the DOM layout by adding and removing DOM elements. Here we will learn about Angular 2 Structural directives. Here, first of all, we will see what is Structural directive and how to use it and then we will learn to create our own custom Structural directive.


Angular 2 attribute directives

Published : 03-Jun-2017   

In the previous article of the series Learning Angular 2 step by step, we learned about Angular 2 Component. Now it's time to learn about Angular 2 Directive.Before reading this article, I would recommend reading my previous tutorial where I have explained about Angular 2 component.  In the tutorial about Angular 2 directives, We will know about different types of Angular 2 directives, how to use them and then we will see how to create a custom directive in Angular 2.


Nested component in angular 2

Published : 29-May-2017   

In the previous article of the series Learning Angular 2 step by step, we learned about Angular 2 Component. Now in this tutorial, we will learn a little more about angular 2 component where we will see how to create a nested component and how the components (parent component & child component) communication with each other. In the previous tutorial, we have created a component EmployeeList Component for showing list of employee data. Now in this tutorial, we will create an another component SearchBar Component and then we will see how to nest the SearchBar component inside the EmployeeList component and communicate with each other.


Angular 2 components

Published : 29-May-2017   

Today in this tutorial, we will continue learning Angular 2 step by step and here we will learn all about Angular 2 component.In Angular 2 “everything is a component.” That's why Angular 2 is also called a component-based framework, which allows us to create reusable UI widgets.Here in this tutorial, First of all, We will create a very simple Angular 2 Component (EmployeeList Component) where we will learn a little about lifecycle hooks also. Then we will create an another component (SearchBar Component) where we will see how to nest the SearchBar component inside the Employee component and communicate with each other.