角度4组件继承和“扩展视图”

当您以角度为单位进行组件继承时

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>

有没有办法可以“实现”父组件,其中子组件视图排序只实现“内容”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>

不,你不能这样做,但你可以做的是将你的父组件分成3个组件,只扩展’内容’组件.但是,您将需要创建新的父组件,您将在其中插入扩展组件.