Angular 使用select的ngContent的ContentChildren

我正在尝试创建一些自定义字段：

<app-form-field class="col-12 col-lg-6">
  <div formLabel>{{ 'i18n.Field.FirstName.Name' | translate }}</div>
  <app-input
    formInput
    required
  ></app-input>
  <div formError *ngIf="true" class="error-feedback">
    <small *ngIf="true">{{ 'i18n.Field.FirstName.Error.Required' | translate }}</small>
  </div>
</app-form-field>

但它不起作用

---

我知道我可以做一个指令，但如果可能的话，我想尝试不做指令。

我认为您应该将formError声明为模板变量“#formError”

{{'i18n.Field.FirstName.Name'| translate}}
)#formError*ngIf=“true”class=“错误反馈”>
{{'i18n.Field.FirstName.Error.Required'| translate}}

此处演示代码

@ContentChild('formError') formError: HTMLElement;

  ngAfterContentInit(): void {
      console.log(this.formError);
  }

<app-form-field class="col-12 col-lg-6">
  <div formLabel>{{ 'i18n.Field.FirstName.Name' | translate }}</div>
  <app-input
    formInput
    required
  ></app-input>
  <div ( here --->) #formError *ngIf="true" class="error-feedback">
    <small *ngIf="true">{{ 'i18n.Field.FirstName.Error.Required' | translate }}</small>
  </div>
</app-form-field>