Question

我从我的API中获取了数据，并将其记录在控制台中。但是，我无法通过HTML文件访问它。我不确定为什么它不起作用？（看着其他问题，但仍然没有喜悦）。

ts文件

 patients: [];
 constructor(private viewService: ViewPatientService ) { }
  ngOnInit() {
    this.viewService.viewPatient().subscribe(data => {
    console.log(data);
  });

html文件

<ion-item *ngFor="let patient of patients"> 
Name: {{patient.patients.data[0].FirstName}}
</ion-item>

Answer 1

请注意，数据应包含患者数组，如果没有根据需要添加属性的话。

patients: [];

constructor(private viewService: ViewPatientService) { }

ngOnInit() {
    this.viewService.viewPatient().subscribe(data => {
        console.log(data);
        this.patients = data
    });
}

Answer 2

您尚未将值分配给患者数组

patients: [];


constructor(private viewService: ViewPatientService ) { }

  ngOnInit() {
  this.viewService.viewPatient().subscribe(data => {
      **this.patients = data;**
      console.log(data);
    });

Answer 3

patients: any;


constructor(private viewService: ViewPatientService ) { }

  ngOnInit() {
  this.viewService.viewPatient().subscribe(data => {
      this.patients = [data];
      console.log(data);
    });

JSON数据未显示在Ionic HTML文件中

3 个答案: