import { NavigationEnd, Router } from '@angular/router';
this._router.events.subscribe((event) => {
if(event instanceof NavigationEnd) {
console.log(event);
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera...
Read More ⟶
From angular two with reactive form its very easy to update the form controls value via these two method. Both perform the same operation of setting the value of form control. Updating Form controls from a model is very easy and flexible in Reactive Form API of...
Read More ⟶
Incremental DOM is used internally at Google, and it is defined by this key idea:
Every component gets compiled into a series of instructions. These instructions create DOM trees and update them in-place when the data changes.
For instance, the following...
Read More ⟶
Injectable decorator (@Injectable) marks a class as available to Injector for creation.
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class UserService {
}
The service itself is a class that the CLI generated and...
Read More ⟶
There are two ways to make a service a singleton in Angular:
Set the providedIn property of the @Injectable() to "root".Include the service in the AppModule or in a module that is only imported by the AppModule
import {...
Read More ⟶
@Decorators are a design pattern that is used to separate modification or decoration of a class without modifying the original source code. Here is a list of @Decorators available in...
Read More ⟶
We can add query params in url simply by following simple rule.
<a [routerLink]="['product-list']" [queryParams]="{ page: 99 }">Go to Page 99</a>
With typescript we can do the same as below.
this.router.navigate(['/product-list'], {...
Read More ⟶
We can use route feature of angular to move from one component to another. The template way of using the route feature is as below.
<button class="btn btn-success" [routerLink]="['/dashboard', data1, data2, data3]">Continue</button>
We can route...
Read More ⟶
We often need to modify the response that is return from the http request before it return as observable. That means before we parse it into our component we might need to update.
It all depends on the version of RxJs. Angular 6 launches with RxJs 6 - which means...
Read More ⟶
Update angular locally . This small article I am going to show you how you can easily update your local angular version to latest. I am using npm-check-updates package to update the package.json
Follow the below steps.
# Install npm-check-updates
$ npm i -g...
Read More ⟶