angular - 如何访问注入到组件中的 formControl？

Question

我有父组件。在它里面我正在投射一个输入。

<app-form-field>
  <input #input [id]="autoCompleteSearchInput" type="text" autoComplete="off"
   class='input-underline search-bar idented-text' [placeholder]="placeholder" 
   [formControl]="search" />
</app-form-field>

所以我有这个控制

[formControl]="search"

现在我找不到从我的 AppFormFieldComponent 访问注入 formControl 的内容的方法。

我尝试使用 HTML

   <ng-content select=".input-underline"></ng-content>

TS

 @ContentChild(FormControlName, {static: false}) formControl: FormControlName;

ngAfterContentInit() {
  console.log(this.formControl);
}

但它给了我不确定的。

我怎样才能访问这个表单控件，以便我可以知道在我的组件的输入中输入了什么？

Answer 1

你正在使用[formControl]，所以你应该FormControlDirective在你的@ContentChild：

@ContentChild(FormControlDirective, {static: false})
formControl?: FormControlDirective;

ngAfterContentInit() {
  console.log(this.formControl);
}