how can i get data from my array and auto update in my input

I wanted to get some properties of this array and as I update the value inside my inputs

the array

{"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"}]}

The method

SelecionarCartao(){

//this.mundipaggS.postToken(this.responseData).subscribe((res: any) => {});

console.log(this.responseData.token)
}

<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" >