I have a function in Typescript in which its return is directed to an input in formGroup , but I can not use the same return in another field, only if it has the same name.

I need to use the return in HTML table and I can not put a formControlName in a td

Request

case 'nomeProduto':
 params = params.set('cod', formGroup.controls['codigoProduto'].value);
 this.retornaNomeApi(NEGOCIUS_API + '/Pesquisa/RetornaNome', params)
     .subscribe(nome => formGroup.patchValue({
         nomeProduto: nome.result
      }));
break;

Input calling function

<div class="col-md-2">
  <label>Código:</label>
    <div class="input-group">
    <!--Input que chama a função do nome do produto-->
      <input type="text" class="form-control" name="product" formControlName="codigoProduto" (keydown.tab)="this.formpesquisaservice.retornaNome('nomeProduto', this.digitacaoForm)" style="background-color: white;">
        <span class="input-group-btn">
          <a class="btn btn-info" onclick="OpenConsulta('prod');" id="pedido">
            <i class="glyphicon glyphicon-search"></i>
          </a>
        </span>
   </div>
 </div>

Input that receives the function

<div class="col-md-3">
  <label>Produto:</label>
  <br>
  <input type="text" class="form-control" formControlName="nomeProduto">
</div>