как получить значение из настраиваемого компонента ввода в директиве anglar7?

Question

У меня есть приложение angular7, в котором у меня есть компонент custom input, который вызывается в нескольких позициях, как это component.html

component.ts

  handleChange(value) {
   this.payment.collectedAmount = value;
   this.calculateRemainingBalance();
  }

Теперь у меня есть директива, в которой я буду форматировать значение входного компонента, но в настоящее время я просто получаю значение внутри directive на custom компоненте, подобном этому

    @Input() currencyValue: any;

    constructor(private el: ElementRef) {
    }

    ngAfterViewInit() {
      // this.el.nativeElement.focus();
      console.log('currency value : ',this.currencyValue)
    }

    @HostListener('focus', ['$event.target']) onfocus(){
       console.log('in focus');
    }

Теперь, когда я запускаю приложение и загружаю страница, поэтому directive регистрирует эту строку console.log('currency value : ',this.currencyValue) только один раз при загрузке страницы, а затем она больше не регистрируется ни в ngAfterViewInit, ни в HostListener. Как я могу получить значение из этого входного компонента custom внутри моего directive?