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

0 vote168 views1 answer
Reverse a string if its value its greater than 3
TypeScript
1 vote208 views1 answer
Git count commits by author
TypeScript
0 vote162 views1 answer
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher. The following dependencies do not satisfy the required version: project ':video_compress' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.31
TypeScript
1 vote160 views3 answers
Select2 .select2-results .select2-highlighted
TypeScript
5 votes168 views2 answers
Merge lists in list python
TypeScript
10 votes165 views3 answers
Addeventlistener with arguments in angular 8
TypeScript
0 vote147 views1 answer
Count li elements jquery
TypeScript
1 vote189 views1 answer
Check all elements in list are false python
TypeScript
1 vote174 views1 answer
Angular change how date looks
TypeScript
1 vote167 views1 answer
Headphone disconnects in ubuntu
TypeScript