@angular/common

HTTP Client

Provides a simplified API for HTTP functionality which allows performing HTTP requests and handling responses within an Angular application.

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ]
})
export class AppModule { }

Common Directives

Includes directives like ngIf, ngFor, and ngSwitch which are essential for controlling the rendering of the template.

import { CommonModule } from '@angular/common';

@NgModule({
  imports: [
    CommonModule
  ]
})
export class SharedModule { }

Location Services

Provides services for interacting with the browser's URL. Useful for routing and navigation within an Angular application.

import { Location } from '@angular/common';

@Component({
  selector: 'app-component',
  template: '<p>Current path: {{ location.path() }}</p>'
})
export class AppComponent {
  constructor(public location: Location) { }
}

Date, Currency, and Decimal Pipes

Provides built-in pipes for formatting data such as dates, currency, and numbers.

import { DatePipe, CurrencyPipe, DecimalPipe } from '@angular/common';

@Component({
  selector: 'app-component',
  template: '<p>Today is {{ today | date }}</p><p>Amount: {{ amount | currency }}</p>'
})
export class AppComponent {
  today = new Date();
  amount = 1234.56;
}