Cómo mostrar un elemento del JSON en interpolación con Angular
public responseData:any; renderTokenCard(){ this.mundipaggS.checkToken().subscribe((response:any)=> { console.log("success: ", JSON.stringify(response)); this.cartS.tokenCard = response; this.responseData = response; }, ); <div class="card-body"> <i class="fab fa-cc-visa "></i> <div class="card-text"> <b>{{responseData}}</b> </div </div>El JSON
[{"id":1,"pessoa_id":75505,"created_at":"2022-02-01T17:42:46.000000Z","holder":"test ","validade":"2026-06-01","bandeira":"Mastercard"}]¿Cómo puedo mostrar la propiedad del titular de JSON, por ejemplo?
debería ser bastante simple si te entiendo correctamente:
this.responseData = response?[0]; <!-- the whole responseData --> <b>{{responseData | json}}</b> <!-- only the holder property --> <b *ngIf="responseData">{{responseData.holder}}</b>Usando su ejemplo, puede usar la interpolación para mostrarlo en HTML.
<div class="card-body"> <i class="fab fa-cc-visa "></i> //ngIf to check if responseData is not undefined, otherwise it will throw error <div class="card-text" *ngIf="responseData && responseData[0]"> <b> {{responseData[0].holder }} </b> </div> </div>Veo que está devolviendo una serie de objetos. Si desea mostrar varios titulares, puede usar *ngFor para mostrarlos.
<div class="card-body"> <i class="fab fa-cc-visa "></i> <div class="card-text" *ngFor="let data of responseData"> <b> {{data.holder }} </b> </div> </div>