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); }
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); }
Chapter7: Working With The Bash Shell
Section: Chapter Questions
Problem 2HOP
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);
}
return this.http.post(`${this.ROOT_URL}/${url}`, payload);
}
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 3 steps
Knowledge Booster
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.Recommended textbooks for you
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
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
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
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage