Angular add httpclient

import { HttpClientModule } from '@angular/common/http';
// if you use services just import this
import { HttpClient } from '@angular/common/http';
//................................................
@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],
  
  // in you component.ts
  readonly ROOT_URL = "https://jsonplaceholder.typicode.com";
  
 constructor( private http: HttpClient) { }
  
  this.http.get(this.ROOT_URL + '/posts')
    .subscribe((response)=>{
      alert(JSON.stringify(response));
    });

// send information

this.http.post(this.ROOT_URL + '/posts',
              { id: 1, title: "sami"} )
    .subscribe((response)=>{
      alert(JSON.stringify(response));
    });

// update

this.http.put(this.ROOT_URL + '/posts')
    .subscribe((response)=>{
      alert(JSON.stringify(response));
    });

// fetch

// delete

Similar codes

65 votes610 views5 answers
Length of an object
TypeScript
0 vote204 views1 answer
Property 'breakpoints' does not exist on type 'DefaultTheme'.ts(2339)
TypeScript
0 vote204 views1 answer
Scripts may close only the windows that were opened by them
TypeScript
0 vote186 views1 answer
Typescript namespace example
TypeScript
0 vote182 views1 answer
Convert list to list of lists on every n elements python
TypeScript
0 vote209 views1 answer
S'entrainer pour tests techniques developpeurs web
TypeScript
1 vote337 views2 answers
Replying to tweets api tweepy
TypeScript
8 votes265 views1 answer
Split list into lists of equal length python
TypeScript
1 vote215 views1 answer
Full call signature in ts
TypeScript
0 vote236 views1 answer
On select date matpicker angular
TypeScript