Невозможно обновить переменную в угловом компоненте

Я изучаю angular, и у меня возникла проблема с обновлением переменной.

функция toggleVariable должна переключаться isUserNameEmpty, но она вообще не работает

export class ServersComponent implements OnInit {

  userName = '';
  isUserNameEmpty=true;


   onUserNameUpdate(event:any){
    this.userName = (<HTMLInputElement>event.target).value;
    this.toggleVariable( this.userName,this.isUserNameEmpty);
  }

  toggleVariable(variableName,variableToToggle){
   
    if (variableName!=''){
      console.info('not empty');
      console.info('variableName: '+variableName);
      console.info('variableToToggle: '+variableToToggle);
      variableToToggle=false;
    }
    else if (variableName==''){
      console.info('empty');
      console.info('variableName: '+variableName);
      console.info('variableToToggle: '+variableToToggle);
      variableToToggle=true;
    }
  }


  clearUserName(){
    this.userName = '';
  }

}