title: Angular use template of a base component
body: <p>I've created a base component for my form element components, which looks like that:</p>
  
  <pre><code>@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
  ...
  }
  </code></pre>
  
  <p>and then children-components are initiated with the <code>extends</code> keyword to inherit the properties.</p>
  
  <p>However, I would like to inherit also an html template, as all children-components have similar structure, which looks like this:</p>
  
  <pre><code>&lt;div class="form-group" [formGroup]="parentForm"&gt;
    &lt;label class="form-control-label" for="{{ id }}"&gt;{{ label }}&lt;/label&gt;
    // here should be child-specific content 
    &lt;span class="invalid-feedback" *ngIf="error"&gt;
      {{ error }}
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I implement something like that?</p>