{{currentInProgressBadge.badge_progress | number:...
Read More ⟶
The above command generate about module and it will also generate about component and add module route in app routing.
ng g m about --module app --route about
npm uninstall -g @angular/clinpm cache clean --forcenpm cache verify
npm install -g...
Read More ⟶
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 ⟶