如何从angular 4的父组件继承模板？

Question

您如何从角度4的父组件继承模板？大多数材料举例说明了覆盖父组件的方式，如下所示：

import { Component } from '@angular/core';
import { EmployeeComponent } from './employee.component';

@Component({
  selector: 'app-employee-list',
  template: `
    <h1>{{heading}}</h1>
    <ul>
      <li *ngFor="let employee of employees">
        {{employee.firstName}} {{employee.lastName}} <br>
        {{employee.email}} <br>
        <button (click)="selectEmployee(employee)">Select</button>
      </li>
    </ul>
  `
})
export class EmployeeListComponent extends EmployeeComponent {
  heading = 'Employee List';
}

但是我想从EmployeeComponent继承模板，而不是用我自己的自定义版本覆盖它。如何做到这一点？

Answer 1

由于具有子组件，因此可以将其放置在父组件的目录中，并为其提供引用父组件的URL。

@Component({
  selector: 'app-child',
  templateUrl: '../parent.component.html',
  styleUrls: ['../parent.component.scss']
})