Angular не может установить значение для формирования элемента управления

В основном я пытаюсь редактировать и обновлять существующие данные в базе данных. Итак, сначала при необходимости я получаю данные из БД для конкретного сотрудника и устанавливаю его для своего свойства EMPLOYEE, как показано ниже -,

Это свойство класса, в котором я сохраняю данные после получения из БД.

  employee: any; //This is where the employee saved after getting from DB

Этот метод получает данные из БД и успешно работает.

getEmployee(id){
    var url = `http://localhost:3000/employee/get/${id}`;    
    this.crudService.getItem(url).subscribe((data:any)=>{
      this.employee = data.data;     
    })
  }

после этого я хочу использовать и установить значение для одного из моих входных данных формы в качестве значения по умолчанию с помощью свойства класса EMPLOYEE. Я использую его так (ниже) с FORM CONTROL, но не работаю -,

this.employeeName = new FormControl(
      this.employee.employeeName, [Validators.required, Validators.minLength(5), Validators.maxLength(50)]
    );

Но он работает, когда я использую его в html напрямую по АТРИБУТУ ЗНАЧЕНИЯ, как показано ниже -,

<input type = "text" class = "form-control form-control-sm" 
 id = "inputEmployeeName" 
 name = "employeeName" 
 formControlName = "employeeName" 
 value = "{{employee.employeeName}}"
 >

но я не хочу этого. Я хочу установить значение FORM CONTROL. Как я могу это сделать ?