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

Question

在 Angular 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']
})