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

2 votes161 views1 answer
UseStae with array of strings typescript
TypeScript
7 votes175 views3 answers
How to call a function that other scripts can access in unity
TypeScript
1 vote171 views1 answer
Typescript array of react elements
TypeScript
1 vote158 views1 answer
Mat auto complete floating issue
TypeScript
1 vote185 views1 answer
Ts playground download
TypeScript
0 vote175 views2 answers
Typescript convert to javascript
TypeScript
0 vote165 views1 answer
Plot 3d points in python
TypeScript
2 votes168 views1 answer
Vue\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
6 votes276 views3 answers
Angular get url param
TypeScript
0 vote166 views1 answer
Google sheets automatic update rook
TypeScript