Выборка данных из серверной части, но не отображение данных в браузере в angular

#javascript #angular #typescript #postman

#javascript #angular #typescript #почтальон

Вопрос:

Я передаю идентификатор врача и хочу получить взамен все данные доктора. Он показывает правильный вывод в postman следующим образом.

 {
    "message": "Doc_id Retrieved Successfully ",
    "data": {
        "appointment_id": 38,
        "doc_id": 20,
        "doc_name": "Raj",
        "doc_speciality": "Dentist",
        "patient_id": 22,
        "patient_name": "fae",
        "select_date": "2020-11-12",
        "select_time": "2:00PM"
    }
}
 

Но при печати в консоли отображается только идентификатор и данные выдаются как null. Вот так

 {Doc_id: "13"}
{message: "Doc_id Retrieved Successfully ", data: null}
data: null
message: "Doc_id Retrieved Successfully "
__proto__: Object
 

Метод обслуживания:

 //inserting amp; Retrieving Doc_id data
addDataToAPI4(regForm) {
  console.log(regForm);
  console.log(regForm.doc_name);
  let dbname = "/AppointmentRegController/getid";
  return this.httpClient.post(`${this.httpURL}`   dbname, regForm);
  
  
  
}
 

.ts файл:

 viewappointment(id) {
    this.details = {
      Doc_id: id,
   
    }
    this.service.addDataToAPI4(this.details).subscribe((response) => {
      this.details = response["data"];
      console.log(this.details);
      
      console.log(response);
      
      // if (response != null) {
      //   console.log(response['data']);

      // } else {
      //   console.log("not found");
      // }
    }
    );
  }
 

Комментарии:

1. что там в HTML? Где-то это должно быть {{details}}

2. попробуйте это this.details = response.data; console.log(this.details); в HTML <p> {{details}} </p>

3. @PankajParkar Да, я создам это, но для проверки погоды данные извлекаются в консоли или нет, я печатаю, как только данные поступают на консоль, печать в html-файле не будет проблемой, но мои данные показывают null в консоли only…so можете ли вы сказать мне, как напечатать весь этот докторданные, основанные на передаче doc_id в консоли…

4. ответ @Hiten. данные выдают ошибку, потому что нет ничего похожего на объявленную переменную «data». в нашем случае мы использовали [«data»] для передачи его в виде массива.