Блог

Я могу утешать.запишите ответ метода POST. Но я хочу сохранить этот ответ в переменной, чтобы использовать его в дальнейшем в коде. Пожалуйста, помогите.

вызов метода post отправляет объект в качестве ответа.

student.ts (Student — это класс, который совпадает с объектом, полученным из запроса post.)

 export class Student {
ID : number;
firstName : string;
}
  

метод component.ts (on submit) вызывается при отправке формы. this.student выдает вывод как неопределенный)

 public student : Student[];

onSubmit() {
    this._studentService.addData(this.addStudentForm.value)
      .subscribe( response => console.log("respnse", response),
        );
    console.log(this.student);
  }
  

service.ts

 addData(studentData) : Observable<any> {
    return this.http.post<any>(this._url, studentData);
  }
  

Когда я пытаюсь сохранить ответ в переменной, я получаю вывод как неопределенный.
Как я могу сохранить ответ в переменной?

Вы должны просто добавить this.student = response; внутри subscribe:

 this._studentService.addData(this.addStudentForm.value).subscribe( response => {
    console.log("respnse", response);
    this.student = response;
});
  

Но если вы хотите что-то student сделать, вам следует сделать это внутри next обратного вызова subscribe:

 this._studentService.addData(this.addStudentForm.value).subscribe( response => {
    console.log("respnse", response);
    this.student = response;
    console.log(this.student) <- THIS WILL WORK - STUDENT IS NOT UNDEFINED
    // HERE ARE YOUR METHODS WHICH ARE USING STUDENT
});
  

Это console.log после subsrciption все равно будет неопределенным, потому что этот код будет выполнен ДО завершения подписки, поэтому student undefinded на данный момент.

Попробуйте:

 public responseData:any; 
public onSubmit() {
  this._studentService.addData(this.addStudentForm.value).subscribe((response:any)=> { 
    console.log("success: ", JSON.stringify(response)); 
    this.responseData = response; 
  }, (error:any){
    console.log("error: ", JSON.stringify(error));
  });
}