Как наблюдать изменения элементов ввода в ng-контенте

Как вызвать функцию родительского компонента, когда дочерний компонент заметил изменения ввода?

Ниже приведена структура HTML.

# app.comopnent.html
<form>
  <textbox>
    <input type="text">
  </textbox>
</form>

# textbox.component.html
<div class="textbox-wrapper">
  <ng-content>
</div>

Ограничения похожи на следующие.

TextboxComponent имеетng-content и нужно проектироватьinput элемент к этому.Создать событие в TextboxComponent, когдаinput элемент вводится что-то.Не хочу делатьinput элемент, чтобы иметь больше атрибутов, например<input type="text" (input)="event()">.

Я писал код, но не могу найти решение ...

# input.directive.ts
@Directive({ selector: 'input', ... })
export class InputDirective {
  ngOnChanges(): void {
    // ngOnChanges() can observe only properties defined from @Input Decorator...
  }
}

# textbox.component.ts
@Component({ selector: 'textbox', ... })
export class TextboxComponent {
  @ContentChildren(InputDirective) inputs: QueryList<InputDirective>;
  ngAfterContentInit(): void {
    this.inputs.changes.subscribe((): void => {
      // QueryList has a changes property, it can observe changes when the component add/remove.
      // But cannot observe input changes...
    });
  }
}

Ответы на вопрос(5)

Ваш ответ на вопрос