Angular 7 querystring param

Question

Hi All, I have This Web Api url http://localhost:4200/Logins/CheckPassword?Id=[Id]&Password=[Password] I want to use frontend Angular 7 to login Id and password. Please give me any body have soluction reply back thanks advance.

Amit Kumar · Answer

Hi, You can use it. baseURL= "https://api.github.com/" ; let params = new HttpParams() . set ( 'page' , PageNo) . set ( 'sort' , SortOn); return this .httpClient. get ( this .baseURL + 'users/' + userName + '/repos' ,{ params }) for more details : https://www.tektutorialshub.com/angular/angular-pass-url-parameters-query-strings/

Veerendra Annigere · Answer

Query Parameters from angular side: { path: 'login/:userid', component: LoginComponent) Usage: this.router.navigate(['login', 222]); This is what you are looking for? If yes its not good idea to pass password like this.

Puneet Kankar · Answer

Try given below code. http.get( 'http://url/login/' + email + '/' + password) .map((res: Response) => { return res.json(); }). catch ( this ._handleError); https://stackoverflow.com/questions/34475523/how-to-pass-url-arguments-query-string-to-a-http-request-on-angular.

Raju Kandikonda · Answer

thanks for your response Puneet. but I need to pass the values for user input

Raju Kandikonda · Answer

Hi Gajendra, thanks for your response. I tried kud venkat video but not get any luck.

Gajendra Jangid · Answer

check the following link: https://www.youtube.com/watch?v=KefdTtsoKjY

Raju Kandikonda · Answer

Hi Tan, thanks for your response. But i Need to pass the userId and Password in a format of querystring. Do you have any soluction please let me know.

Bryian Tan · Answer

I think you should update the code to make a post request to the Web API instead of calling the API using password in the querystring. I'm also assuming SSL will be enabled at one point? https://angular.io/guide/http