title: How to concate two fields in [formControlName]
body: <p>I am using Reactive Form in Angular 8, I have some requirement where i need to concat two feilds into single field to make it Unique</p>
  
  <p>My Controller Code</p>
  
  <pre><code>  const formGroup = {};
    this.searchFields.forEach(formControl =&gt; {
      formGroup[formControl.fieldName+formControl.fieldId] = new FormControl('');        
    });
    this.dynamicForm = new FormGroup(formGroup);
  });
  </code></pre>
  
  <p>HTML Code</p>
  
  <pre><code>             &lt;ng-template [ngSwitchCase]="'number'"&gt;
                &lt;div class="input-group col-2"&gt;
                  &lt;label [for]="input.fieldName" class="imageSearchlabel"&gt;
                    &lt;strong&gt;{{input.DisplayName | translate }}:&lt;/strong&gt;&lt;/label&gt;
                  &lt;input [formControlName]="input.fieldName+input.fieldId" [type]="input.valueType" [name]="input.fieldName"
                    class="form-control" value=""
                     /&gt;                                      
               &lt;/div&gt;
              &lt;/ng-template&gt;
  </code></pre>
  
  <p>Concatenation is not working in [formControlName], any help ??</p>