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

1 vote245 views2 answers
Typescript declare process.env
TypeScript
32 votes204 views1 answer
Ng : File C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 cannot be loaded. The file C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 is setting execution policy, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1
TypeScript
2 votes271 views1 answer
'mat-checkbox' is not a known element
TypeScript
20 votes196 views2 answers
Install ng bootstrap
TypeScript
0 vote193 views1 answer
Swift charts highlight color
TypeScript
1 vote236 views1 answer
Mongoose to object keep all fields
TypeScript
0 vote315 views1 answer
How to show array of objects in flatlist react native
TypeScript
0 vote194 views1 answer
Loop localstorage
TypeScript
0 vote221 views2 answers
Eslint absolute imports error
TypeScript
1 vote207 views1 answer
CLIENT MISSING INTENTS discord
TypeScript