Calling Http.post does not trigger a post in angular 6

Question

I generated my entities components and services according to my model using this tool.

Everything worked fine, but I ran into a problem when trying to log a user in my API (that is functional).

The http.post() method is not triggered. I'm pretty new to angular and can't figure out what I am doing wrong.

Any help would be great!

Here's my login method from my UserService (the method is called properly, it's only the http.post() that's not working):

/**
 * Log a user by its credentials.
 */
login(username : string, password : string) : Observable<NmUser> {
    let body = JSON.stringify({
        'username': username,
        'password': password
    });
    console.log(body);
    return this.http.post(this.userUrl + 'login', body, httpOptions)
        .pipe(
            map(response => new NmUser(response)),
            catchError(this.handleError)
        );
} // sample method from angular doc
private handleError (error: HttpErrorResponse) {
    // TODO: seems we cannot use messageService from here...
    let errMsg = (error.message) ? error.message : 'Server error';
    console.error(errMsg);
    if (error.status === 401 ) {
        window.location.href = '/';
    }
    return Observable.throw(errMsg);
}

Here's the page that is calling the login function:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { NmUserService } from '../../app/entities/nmUser/nmUser.service';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
  providers: [NmUserService]
})
export class LoginPage {

  constructor(private navCtrl: NavController, private userService: NmUserService) {

  }

  login(username: string, password: string): void {
    this.userService.login(username, password);
  }

}

Thanks !

Login is callled properly and the parameters are passed correctly. — Pierrick Martellière
– Pierrick Martellière, Commented Jul 7, 2018 at 16:15
@PierrickMartellière Please add the code anyway. It allows us to check things like whether you've subscribed correctly. — user184994
– user184994, Commented Jul 7, 2018 at 16:16
As suspected, you're not subscribed to the observable, so the HTTP call will never be made — user184994
– user184994, Commented Jul 7, 2018 at 16:18

user184994 · Accepted Answer · 2018-07-07 16:21:45Z

31

The HTTP call will never be made unless you subscribe to the observable, which is done within the component like so:

this.userService.login(username, password).subscribe((result) => {
    // This code will be executed when the HTTP call returns successfully 
});

answered Jul 7, 2018 at 16:21

user184994

18.3k2 gold badges51 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

Calling Http.post does not trigger a post in angular 6

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related