* ngFor - ошибка без значения аксессора для управления формой с именем

Question

Я использую formGroup в своем угловом приложении. Значение имени пользователя я могу получить, но с * ngFor я получаю ошибку Error: No value accessor for form control with name: 'userRoleMappings'

userRoleMappings необходимо иметь массив ролей.

Что я делаю неправильно? Спасибо

Вот мой HTML и компонент. А также, вот видео, чтобы показать вам, что мне нужно

https://ttprivatenew.s3.amazonaws.com/pulse/bozzodj/attachments/11603436/TinyTake02-10-2019-10-14-18.mp4

this.addNewUserForm = this.formBuilder.group({
      username: "",
      userRoleMappings: []   //here I need to add array with selected roles
    });

<form [formGroup]="addNewUserForm" (ngSubmit)="submitForm()">
  <div class="modal-boy">
    <div class="container">
      <div class="form-group">
        <label for="username">Username</label>
        <input type="text" class="form-control" formControlName="username" />
      </div>
      <div class="form-group">
        <div class="row">
          <div class="col-sm-6">
            <div class="card">
              <div class="card-body">
                <h6>Available roles</h6>
                <div class="items1 dragAndDropList" [sortablejs]="userRole" [sortablejsOptions]="options">
                  <div *ngFor="let role of userRole">
                    {{ role }}
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="card">
              <div class="card-body">
                <h6>Selected roles</h6>
                <div class="items2 dragAndDropList" [sortablejs]="selectedRole" [sortablejsOptions]="options">
                  <div *ngFor="let selectedRole of selectedRole" formControlName="userRoleMappings">{{ selectedRole }}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button class="btn btn-success" [disabled]="!addNewUserForm.valid">
      Submit Form
     </button>
  </div>
</form>