I am writting a Angular application, and I am writting the login component of the app. I want to return the response status code, after sending the username and password. But the status code returns undefined in the console.log. When I user response.status is that the correct method to get the status code or is there a method that is in the HttpResponse class? NOTE: All components are imported into there proper files, also the login endpoint has been tested and functions correctly export class LoginComponent {     constructor(private serverService: ServerService, private router: Router) { }     onLogin(username: string, password: string) {         // uses Login function form server file         // username = "tester123" password= "testing"         this.serverService.Login(username, password).subscribe((response: HttpResponse) => {               console.log(response.status);  // returned undefined             if (response.status == 200) {                 this.router.navigate(['/landing']);             }         });     } }     This is the login function in ther serverService file    Login(login, password) {     return this.webrequestService.post('login', { login, password });   } this is the post function in the webrequestService file  post(url: string, payload: Object) {     return this.http.post(`${this.ROOT_URL}/${url}`, payload);   }

LINUX+ AND LPIC-1 GDE.TO LINUX CERTIF.
5th Edition
ISBN:9781337569798
Author:ECKERT
Publisher:ECKERT
Chapter7: Working With The Bash Shell
Section: Chapter Questions
Problem 2HOP
icon
Related questions
Question

I am writting a Angular application, and I am writting the login component of the app. I want to return the response status code, after sending the username and password. But the status code returns undefined in the console.log. When I user response.status is that the correct method to get the status code or is there a method that is in the HttpResponse class?

NOTE: All components are imported into there proper files, also the login endpoint has been tested and functions correctly

export class LoginComponent {

    constructor(private serverService: ServerService, private router: Router) { }

    onLogin(username: string, password: string) {

        // uses Login function form server file
        // username = "tester123" password= "testing"
        this.serverService.Login(username, password).subscribe((response: HttpResponse<any>) => {
 
            console.log(response.status);  // returned undefined
            if (response.status == 200) {
                this.router.navigate(['/landing']);
            }

        });
    }
}
 
 
This is the login function in ther serverService file
 
 Login(login, password) {
    return this.webrequestService.post('login', { login, password });
  }
this is the post function in the webrequestService file
 post(url: string, payload: Object) {
    return this.http.post(`${this.ROOT_URL}/${url}`, payload);
  }
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Linux
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
LINUX+ AND LPIC-1 GDE.TO LINUX CERTIF.
LINUX+ AND LPIC-1 GDE.TO LINUX CERTIF.
Computer Science
ISBN:
9781337569798
Author:
ECKERT
Publisher:
CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage