Установить фокус в инпут

[ДашаДаша]

Почитав как делается установка фокуса в input https://coderanch.com/t/675897/langu...us-Angular-app

Решила сделать директиву

import { Directive, OnInit, Input, ElementRef, Renderer } from '@angular/core';

@Directive({
  selector: '[appSetFocus]'
})
export class SetFocusDirective implements OnInit {

  @Input('appSetFocus') isFocused: boolean;

  constructor(private hostElement: ElementRef, private renderer: Renderer) {}

  ngOnInit() {
    console.log('***SetFocusDirective***');
    if (this.isFocused) {
      this.renderer.invokeElementMethod(this.hostElement.nativeElement, 'focus');
    }
  }
}

Вот так применяю директиву в шаблоне

<input [appSetFocus]="addInput">

addInput - флаг, который делаю true, когда хочу получить фокус в инпуте

Но фокус не появляется

Меня смущает, что в директиве все происходит в функции OnInit() и в консоле вижу, что срабатывает один раз

Подскажите в чем ошибка

[destus]

@Directive({
  selector: '[appSetFocus]'
})
export class SetFocusDirective implements OnInit {

  @Input('appSetFocus') set isFocused(value: boolean) {
    if (value) {
      this.renderer.invokeElementMethod(this.hostElement.nativeElement, 'focus');
    }
  }

  constructor(private hostElement: ElementRef, private renderer: Renderer) {}

  ngOnInit() {
    console.log('***SetFocusDirective***');
  }
}

[ДашаДаша]

Спасибо, destus, работает!