Angular 7 querystring param

Raju Kandikonda

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.

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Kumar7y ago
Accepted 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 Annigere7y ago
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.
Raju Kandikonda7y ago
thanks for your response Puneet. but I need to pass the values for user input
Puneet Kankar7y ago
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 Kandikonda7y ago
Hi Gajendra,

thanks for your response.

I tried kud venkat video but
not get any luck.
Gajendra Jangid7y ago
check the following link:

https://www.youtube.com/watch?v=KefdTtsoKjY
Raju Kandikonda7y ago
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 Tan7y ago
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