title: Angular Drag drop with formArray
body: <p>I have 2 arrays. I'm implementing an Angular drag drop and I want to use FormArray to save the array in which the element was dropped into. </p>
  
  <p>The problem is that I can't apply formcontrol to the div as it gives an error</p>
  
  <blockquote>
    <p>Error: No value accessor for form control with name: 'language'</p>
  </blockquote>
  
  <p>Here is the html
          </p>
  
  <pre><code>      &lt;div&gt;
  
          &lt;div class="example-container"&gt;
            &lt;h2&gt;Selected Languages&lt;/h2&gt;
            &lt;div
            cdkDropList
            #todoList="cdkDropList"
            [cdkDropListData]="anotherarray"
            [cdkDropListConnectedTo]="[doneList]"
            class="example-list"
            (cdkDropListDropped)="drop($event)"
             formControlName="language"&gt;
            &lt;div class="list-group-item list-group-item-action " *ngFor="let item of anotherarray" cdkDrag&gt;
              {{item}}
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="example-container"&gt;
          &lt;h2&gt;Available Languages&lt;/h2&gt;
  
          &lt;div
          cdkDropList
          #doneList="cdkDropList"
          [cdkDropListData]="testingarray"
          [cdkDropListConnectedTo]="[todoList]"
          class="example-list"
          (cdkDropListDropped)="drop($event)"&gt;
          &lt;div class="list-group-item list-group-item-action " *ngFor="let item of testingarray" cdkDrag&gt;{{item}}&lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;/div&gt;
  
        &lt;button type="submit" class="btn btn-primary my-2" translate&gt;saveButtonLabel
          &lt;fa-icon *ngIf="saveIcon" [icon]="saveIcon" [spin]="saveIcon.iconName === 'spinner'"&gt;&lt;/fa-icon&gt;
        &lt;/button&gt;
      &lt;/form&gt;
  </code></pre>