Angular 4 组件继承和 "extending view"

Question

当你像angular一样做组件继承时

export class ChildComponent extends ParentComponent{}

你可以从ParentComponent中得到所有的逻辑，但是你必须重新实现整个html。

假设我的 ParentComponent 的 html 看起来像这样

<div class="card">
    <div class="header"></div>
    <div class="content"></div>
    <div class="footer"></div>
</div>

有没有一种方法可以“实现”父组件，其中子组件 View 仅实现“内容”div？

例如

@Component({
   template:`<div class="content-of-child">...</div>`
})
 export class ChildComponent extends ParentComponent{}

结果是

<div class="card">
        <div class="header"></div>
        <div class="content-of-child"></div>
        <div class="footer"></div>
    </div>

Answer 1

不，你不能那样做，但你可以做的是将你的父组件拆分为 3 个组件并仅扩展“内容”组件。但是话又说回来，您将需要创建新的父组件，您将在其中插入扩展组件。