首页 > 解决方案 > 在输入中打印 JSON 数据,角度

问题描述

我正在尝试从控制台传递的 json 打印数据,传递到控制台的数据在输入上打印

这是组件 ts

    examenClicked = (exa) => {
    this.dataService.getOneExamen(exa.id).subscribe(
      data => {
        this.selectedExamen = data;
        console.log('JSON DATA --->', data); 
      },

error => {
    console.log(error);
  }
);
}

这是组件 html

<button class="btn btn-primary"  (click)="examenClicked(examenes)">Detalle</button>     
              nombre examen <input type="text" [(ngModel)]="selectedExamen.nombreExa"><br>
              detalle examen <input type="text" [(ngModel)]="selectedExamen.descripcionExa"><br>
              creacion del registro <input type="text" [(ngModel)]="selectedExamen.release_date"><br>
              fecha del examen<input type="text" [(ngModel)]="selectedExamen.fechaExa"><br>
              categoria examen<input type="text" [(ngModel)]="selectedExamen.categoriaExa"><br>

该数据打印在文本框中

标签: angular

解决方案


数据没有出现,因为你有对象作为值。像这样传递值将解决问题this.selectedExamen = data._body

 examenClicked = (exa) => {
   this.dataService.getOneExamen(exa.id).subscribe(
     data => {
      this.selectedExamen = data._body;
      console.log('JSON DATA --->', data); 
     },

     error => {
      console.log(error);
    }
    );
   }

推荐阅读