title: formControlName to be used for div
body: <p>This is my reactive form object</p>
  
  <pre><code>    this.form = this.formBuilder.group({
          ordSearch: ['', Validators.required],
          fromDate: ['', Validators.required],
          toDate: ['', Validators.required],
          systemId: ['', Validators.required],
          entityId: ['', Validators.required],
          pmntMethod: ['', Validators.required],
          merchantId: ['', Validators.required],
          ordStatus: ['', Validators.required],
          refNumber: ['', Validators.required],
          ordId: ['', Validators.required],
          orderDate: ['', Validators.required],
          merchId: ['', Validators.required],
          paymentMtd: ['', Validators.required],
          authAmnt: ['', Validators.required],
          accIdentifier: ['', Validators.required],
          capAmnt: ['', Validators.required],
          expDate: ['', Validators.required],
          refAmnt: ['', Validators.required]
      });
  </code></pre>
  
  <p>This is my Html</p>
  
  <pre><code>&lt;div class="col-md-6 orderKey"&gt;Order ID &lt;/div&gt;
  &lt;div class="col-md-6" formControlName="ordId"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have to bind the ordId value to the div.
  But formControlName can`t be used for div.
  It is giving error ERROR Error: No value accessor for form control with name: 'ordId'</p>