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
Typescript arr numbers and strings
TypeScript
0 vote170 views1 answer
Remove dots from image python
TypeScript
-3 votes222 views1 answer
Cool_beasts = {"octopuses":"tentacles", "dolphins":"fins", "rhinos":"horns"} for ___ in cool_beasts.items(): print("{} have {}".format(___))
TypeScript
0 vote150 views1 answer
Angular elementref parent
TypeScript
2 votes173 views1 answer
Style mat-dialog-container
TypeScript
0 vote169 views1 answer
Vestacp ports mysql
TypeScript
12 votes167 views2 answers
How to make a bool appear in all scripts unity
TypeScript
0 vote170 views1 answer
Const formats = { time: { '24hour': {hour12: false, hours: 'numeric', minute: 'numeric'} } }; <IntlProvider locale={locale} messages={messages} formats={formats}> <FormattedTime value={someDate} format='24hour'/> </IntlProvider>
TypeScript
1 vote113 views1 answer
Ionic pasword visible inside ion-input
TypeScript
0 vote148 views1 answer
Google chrome keyboard shortcuts windows
TypeScript