Hello everyone, it's been a while since I posted on here. Thank you all for your help so far, but I'm facing some difficulties with my Angular+2 web app. I have a User component and a user.service.ts that handles HTTP requests to get user data in JSON format. However, when I try to set variables in my component using the service, they end up being null or empty. Can anyone provide guidance on how to correctly handle this situation?
I suspect the issue lies within the .subscribe method and Observable concept.
//User service
getUser(id: string): Observable<User> {
return this.http.get<User>(this.userUrl + "/" + id);
}
//Component
ngOnInit() {
this.route.params
.subscribe((params: Params) => {
this.id = params['id'];
this.editMode = params['id'] != null;
this.initForm();
});
}
initForm(){
let id = '';
let company ='';
let userNo = 0;
let email = '';
let firstName = '';
let lastName = '';
// Variables continued...
if(this.editMode){
this.userService.getUser(this.id).filter(x => x.id === this.id).subscribe((data: User) => {
// Setting user data variables
});
}
// Form initialization
this.userForm = new FormGroup({
'company': new FormControl(company, Validators.required),
'userNo': new FormControl(userNo, Validators.required),
'email': new FormControl(email, Validators.required),
// Other form controls...
})
}