基本组件的角度使用模板

Question

我已经为表单元素组件创建了一个基本组件，如下所示：

@Component({
  selector: 'app-base-form-element',
  templateUrl: './base-form-element.component.html'
})
export class BaseFormElementComponent {
  @Input() parentForm: FormBuilder
  @Input() error: string
  @Input() fcname: string
  @Input() label: string
...
}

，然后使用extends关键字启动子组件以继承属性。

但是，我想也继承一个html模板，因为所有子组件都具有相似的结构，如下所示：

<div class="form-group" [formGroup]="parentForm">
  <label class="form-control-label" for="{{ id }}">{{ label }}</label>
  // here should be child-specific content 
  <span class="invalid-feedback" *ngIf="error">
    {{ error }}
  </span>
</div>

我该如何实现类似的东西？

Answer 1

这是一个可能的解决方案。 excel