Angualr js , submit dynamic value for reactive form : In the below  code i am trying to submit 3 values , rid , amount  and reason on form submit . 

     <div class="row " *ngFor="let pendingrequest of pendingrequests" >
      <form [formGroup]="pf"  (ngSubmit)="onSubmit()">
    <div class="col" >
        <input type="hidden" formControlName="rid" name="requestid" value="{{pendingrequest.id}}" /> 
          
     RNuo. : {{pendingrequest.id}}
     </div>
    
     <div class="row">
        <div class="col">
           
            <input type="number"  formControlName="amount" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Amount">
            
        </div><div class="col">
            <input type="text" formControlName="reason" class="form-control" id="exampleInputPassword1" placeholder="Reason">
             
        </div><div class="col">
            <button type="submit" class="btn btn-primary">Submit</button>
           
          </div>
        
        </div>
      </form>

 </div>

 I am retreiving the value on the component as  : 

    var rid = this.pf.get('rid').value ; 
    var amount  = this.pf.get('amount').value ; 
    var reason = this.pf.get('reason').value ; 

    I am getting Amount and Reason properly but not the rid values , which is already known to the form . It need not to be submitted , thats why i kept the input type as "hidden" for rid. 

    Please let me know how to get this rid value at the component.