Tengo una matriz dinámica de lista de departamentos obtenida del servidor. Quiero impulsar esa matriz para formar una matriz en la inicialización, básicamente quiero mostrar casillas de verificación basadas en el nombre del departamento o la identificación en la matriz. Sé cómo empujar una matriz vacía en formas reactivas, pero cómo inicializar con una matriz existente. En realidad, es un componente de actualización / edición

 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

        });
    }

Model

 <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>

Que hacer

1) ¿cómo puedo rellenar o inicializar la lista de todas las casillas de verificación de departamento y aquellas que deberían ser verdaderas y que estén presentes o existan en mi matriz 'SelectedDeptList' (obtenida de db).

gracias de antemano, cualquier sugerencia será apreciada.