Cuando selecciono una de las tarjetas en la página a continuación, deseo que el valor de las entradas se actualice con valores de un objeto json

El json:

 {"status":true,"data":[{"id":1,"pessoa_id":75505,"created_at":"2022-02- 01T17:42:46.000000Z","holder":"LEONARDO LIMA","validade":"2026-06- 01","bandeira":"Mastercard"}]}

El valor json está en la variable "responseData"

 renderTokenCard(){ this.mundipaggS.checkToken().subscribe((response:any)=> { console.log( JSON.stringify(response)); this.cartS.tokenCard = response; this.responseData = response; console.log( JSON.parse(JSON.stringify(response)) ); }, );

la función que está vinculada a la acción de selección:

 SelecionarCartao(){ this.mundipaggS.postToken(this.responseData) console.log(this.responseData) }

Quería obtener el valor de responseData y hacer una publicación para postToken

el html

 <div class="form-group "> <label for="ncartao">Número do cartão <span class="text-danger"> *</span></label> <input name="card-number" maxlength="19" #cardNumber formControlName="digiNumero" id="ncartao" type="text" class="form-control col-lg-6 " > </div> <div class="form-group"> <label for="nomeimpresso">Nome <b>impresso</b> no cartão<span class="text-danger"> *</span></label> <input #nomeImpresso formControlName="digiNome" name="holder-name" id="nomeimpresso" class="form-control col-lg-6" type="text" >