я есть динамический массив списка отделов, полученных с сервера. Я хочу подтолкнуть этот массив для формирования массива при инициализации, в основном я хочу показать флажки на основе названия отдела или идентификатора в массиве. Я знаю, как вставить пустой массив в реактивные формы. Но как инициализировать существующий массив. На самом деле это компонент обновления / редактирования.

 departmentList:any=[];    //array contains all departments  
 SelectedDeptList:any=[];  //fetched from db , selected departments

userForm: FormGroup; 
this.userForm = this.fb.group({  //fb form builder
                'phone': [null],
                 'departmentList': this.fb.array([this.createDepartment()]),
        })


  createDepartment(): FormGroup {
        return this.fb.group({
            'name': ''//checkbox value true or false

        });
    }

шаблон

 <div formArrayName="departmentList"
                                *ngFor="let item of 
    userForm.get('departmentList').controls; let i = index;">
   <div class="col-md-6" [formGroupName]="i">
   <div class="form-group">

   <div class="col-md-4">
   <label class="mt-checkbox mt-checkbox-outline">
   <input  formControlName="name" type="checkbox" > Department Name
   <span></span>
   </label>

   </div>
   </div>

   </div></div>

Сделать ?

1) как я могу заполнить или инициализировать список всех флажков dept и те, которые должны быть истинными, которые присутствуют или существуют в моем массиве 'SelectedDeptList' (извлечено из базы данных).

заранее спасибо, любое предложение будет оценено.