Angular 7 querystring param getting 'undefind'

Hi All.

I am getting in querystring format undefind. what is the wrong in my code . I want to show user enter details. Please help me.

http://devweb-adept.transit.nyct.com:8089/RMS_WebService/api/Logins/CheckPassword?Id=[undefind]&Password=[undefind].

"login.service.ts"

constructor(private http: HttpClient) { }
getLoginById(AdeptUserID: string, Password: string): Observable{
debugger;
let params=new HttpParams().set('AdeptID', AdeptUserID).set('Password', Password);
console.log(params.toString());
return this.http.get(this.baseURL, {params});
}

"locing.component.ts"

constructor(
private loginService: LoginService,
private router:Router,
private route: ActivatedRoute, private formbuilder: FormBuilder)
{}
onFormSubmit() {
this.loading = true;
const client = this.clientForm.value;
this.getLogin(client);
this.clientForm.reset();
}
ngOnInit() {
debugger;
this.clientForm = this.formbuilder.group({
AdeptUserID: ['', [Validators.required]],
Password: ['', [Validators.required]]
});
}
getLogin(login :Login){
debugger;
this.loading = true;
this.loginService.getLoginById(this.clientForm.AdeptUserID,this.clientForm.Password).subscribe((response) => {
{this.Login=response;}
});
}

"login.component.html"

"clientForm"

(ngSubmit)="onFormSubmit(clientForm.value)">

class="tbl1">

class

="demo-full-width">

"AdeptUserID" matTooltip="Enter login AdeptUserID" matInput placeholder="AdeptUserID">

"!clientForm.get('AdeptUserID').value && clientForm.get('AdeptUserID').touched">

class="tbl1">

class

="demo-full-width">

"Password" matTooltip="Enter login Password" matInput placeholder="Password">

"!clientForm.get('Password').value && clientForm.get('Password').touched">

class="content-center">

"submit" mat-raised-button color="accent" matTooltip="Click Submit Button" [disabled] = "!clientForm.valid">Login

"reset" mat-raised-button color="accent" matTooltip="Click Reset Button" (click) = "resetForm()">Reset

2 Replies

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