Home / Tag Archives: Angular 5

Tag Archives: Angular 5

How to setup guide for Development and Unit Test Environments? Angular 5 Router lifecycle events .?

Angular 5 Router lifecycle events .? It allowing developers to track the cycle of the router from the start of running guards through to completion of activation. The new events (in sequence) are GuardsCheckStart, ChildActivationStart, ActivationStart, GuardsCheckEnd, ResolveStart, ResolveEnd, ActivationEnd, ChildActivationEnd. These events could be used for things such as …

Read More »

Angular 5 Interview Questions

Are you an Angular Developer then you should know Angular 5 Related information. in most of the interview, these Angular 5 Interview Questions are asking. What’s new In Angular 5? What Is the Difference Between Angular 4 and Angular 5? How to setup guide for Development and Unit Test Environments? …

Read More »

Angular 5 Deployment – Deploy your Angular App

Creating a Build As mentioned, we need to use the Angular CLI to create a build of our app. Hop into the console within the project folder and run the following command: $ ng build This will take 5-20 seconds to run. The end result is a new folder called …

Read More »

Creating and Using Angular 5 Services

Generating the Service File The robust Anguar CLI tool will allow us to quickly and easily generate a service file for our project. Hop into your console within the project folder and run the following command: $ ng generate service data Note: You can use ng g s data as …

Read More »

Using the Angular 5 Router

Working in the App Routing File When we started this project with the Angular CLI, we used the –routing flag, which set us up with a file located at /src/app/app-routing.module.ts, visit this file and import the 2 components we created earlier: import { NgModule } from ‘@angular/core’; import { Routes, …

Read More »

Angular 5 Animation Tutorial

Installing the Animation Library Until recently, the Angular Animation library was installed by default. But now, we have to add it manually. Visit the console in the project folder and type: $ npm install @angular/animations@latest –save Next, in /src/app/app.module.ts we need to import it: // Other imports removed for brevity …

Read More »

Angular 5 Interpolation, Property Binding & Event Binding Tutorial

Interpolation Whenever you need to communicate properties (variables, objects, arrays, etc..) from the component class to the template, you can use interpolation. The format for defining interpolation in a template is: {{ propertyName }} Open up the /src/app/home/home.component.ts component file that we’ve been working on and define the following property …

Read More »