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

35 votes108 views4 answers
Because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
1 vote109 views1 answer
What is endurance testing
TypeScript
0 vote127 views1 answer
Terminal update file metadata
TypeScript
1 vote103 views1 answer
Styled components conditional hover
TypeScript
0 vote121 views1 answer
Datasets in python github
TypeScript
0 vote112 views1 answer
How to update objects in locall storage
TypeScript
0 vote106 views1 answer
Running same tests against different browsers
TypeScript
0 vote99 views1 answer
Pandas get count of pair of elements in two columns
TypeScript
0 vote103 views1 answer
Create Type from String Enum
TypeScript
3 votes107 views1 answer
Typescript object key from other object
TypeScript