Angular NgModule

Angular NgModule

Angular has its own modular system called ngModule, also known as Angular Modules. It is a vital part of every Angular application. In fact, all of the Angular applications have at least one Angular ngModule.

It’s simply a class with the ‘@ngModule” decorator Declarations, Imports, Providers and Bootstrap have to be specified here It is usually found in the…

Angular 2 vs Angular 4

Angular 2 vs Angular 4

Before the Angular 2 framework was released, we actually have the AngularJS framework or Angular 1. AngularJS, which is based on JavaScript, was initially released way back 2010. After several years, the Google team had planned to build a totally new Angular framework with different architecture and modules from the old AngularJS.  In Mid 2014, the design and…

The Era of Angular 4

The Era of Angular 4

You might get confused and may ask “is this a hoax? Isn’t it way too early seeing as Angular 2 has just been released late last year? What about Angular 3??”. The answer is the following, First, forget that there is Angular 3, the reason is that Google jumped already so that the upgrades will be correlated to…

Adding Dashboard [Angular Tutorial]

Adding Dashboard [Angular Tutorial]

In this section, you will learn how to add a dashboard. First, we need to create a dashboard component.  It can be done manually or via angular-cli. For this example, we will use angular-cli. In your integrated terminal, type ng g component Dashboard. Dashboard files will be automatically generated. Now, it’s time to add this Dashboard…

Bootstrap 4 Navbar [Angular Tutorial]

Bootstrap 4 Navbar [Angular Tutorial]

Let’s try to add this navigation bar to our Angular 2 App. Going back to your browser, search for bootstrap 4 navbar and click this. In here, you can find different kinds of a navbar. A very simple one looks like this:

Another one is the Collapsible Content navbar. It has a customizable dropdown…

Creating and Using Pipes [Angular Tutorial]

Creating and Using Pipes [Angular Tutorial]

Creating Pipes are done using angular-cli. To do that, let’s open our integrated terminal. Go to View>Integrated Terminal Or use the shortcut key combination shown In the terminal, type the command ng g pipe [pipeName]. Open the date-formatter.pipe.ts file and it will look like this.

All the needed parts of a pipe like imports,…