角组件继承，保留父HTML

Question

我在Angular组件之间使用了很多继承。

有时候，我希望能够从特定的组件继承，而不是为子级提供一些html（因为它总是与父级相同），从而导致到处都有重复的代码。

实现此目标的最佳方法是什么？

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

}

@Component({
  selector: 'app-child',
  template: '', <-- you have to provide a template
})
export class Child extends Parent {

}