departmentList = [
        {id: 1, name: 'Dermatolgy'},
        {id: 2, name: 'Surgery'},
        {id: 3, name: 'Dental'},
        {id: 4, name: 'SkinCareLaser'},
   ];

<div *ngFor="let item of departmentList">
      <input type="checkbox" formControlName="departmentControl"
       name={{item.name}}
       value="{{item.id}}"
      (change)="selectDepartment($event,item)">
      {{item.name}}
     <span></span>
   </div>

selectedDepartment: any = [];
selectDepartment(event: any, item: any) {
    console.log(event.checked);

if (event.target.checked) {

        this.selectedDepartment.push(item.id);
    }
    else {
        let updateItem = this.selectedDepartment.find(this.findIndexToUpdate, item.id);

        let index = this.selectedDepartment.indexOf(updateItem);

        this.selectedDepartment.splice(index, 1);
    }
     console.log(this.selectedDepartment);

}