Why Angular HTTP Post method Error: Cannot read property 'post' of undefined?

Question

Angular HTTP Post method Error: Cannot read property 'post' of undefined. I am trying to make my first http POST request.But it not working



export class RegisterComponent implements OnInit {
  [x: string]: any;

firstnameControl = new FormControl();  //To get values


  hide=true;
  constructor( ) { }

  ngOnInit(): void {
  }


  signup(){
    //1.Collect Parameters
    let body = new HttpParams({
      fromObject:{
          'firstname': this.firstnameControl.value,
      }
    });
    
    //2.Send to URL
    var url ="http://52.15.72.215:3000/api/user";
    this.http.post(url ,body).subscribe(
      ( data: any) =>{
          alert(data);
        }
    );
    
  }

  

}

Why this post method not working

well seems this.http is undefined, as the error states. Please provide a minimal reproducible example — AVJT82
– AVJT82, Commented May 13, 2021 at 16:05

Gabriel Sereno · Accepted Answer · 2021-05-13 17:16:59Z

1

Nirodha, you need to put the provider in the constructor if you want to use http request:

Import the HttpClient:

import { HttpClient } from "@angular/common/http";
Put the HttpClient in the constructor:

constructor(private http: HttpClient){}
In your app.module.ts you need to put in the imports array it:

imports: [HttpClientModule]

And remember to import at the beginning of your code

import { HttpClientModule } from "@angular/common/http";

answered May 13, 2021 at 17:16

Gabriel Sereno

8551 gold badge5 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nirodha Wickramarathna Over a year ago

Thank you, that is work after defining constructor(private http: HttpClient){}

Collectives™ on Stack Overflow

Why Angular HTTP Post method Error: Cannot read property 'post' of undefined?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related