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

Question

以角度

进行组件继承时

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>

Answer 1

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