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

3 votes241 views1 answer
Angular resize window height event
TypeScript
0 vote216 views1 answer
While converting HTML 4 elements to HTML 5 semantic elements, <div class="post"> will be converted into
TypeScript
1 vote214 views1 answer
Property 'unsubscribe' does not exist on type 'Observable<Object>'
TypeScript
0 vote212 views1 answer
Pcmanfm ubuntu
TypeScript
5 votes217 views4 answers
How to take float input upto 2 decimal points in python
TypeScript
1 vote202 views1 answer
How to generate test data
TypeScript
0 vote219 views1 answer
Python sort list according to two elements in tuple
TypeScript
-1 vote222 views1 answer
Nest custom class validator
TypeScript
0 vote205 views1 answer
Algebra is simply overlaying sets of equations onto the world around us.
TypeScript
2 votes223 views3 answers
Jquery don't empty specific form field after submit
TypeScript