Angular 角度4分量继承和;“扩展视图”;

Angular 角度4分量继承和;“扩展视图”;,angular,typescript,inheritance,Angular,Typescript,Inheritance,当您以类似角度的方式执行组件继承时 export class ChildComponent extends ParentComponent{} 您可以从ParentComponent获取所有逻辑,但必须再次实现整个html 假设我的ParentComponent的html如下所示 <div class="card"> <div class="header"></div> <div class="content"></div&

当您以类似角度的方式执行组件继承时

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>

有没有一种方法可以“实现”父组件,而子组件视图只实现“content”div

比如说

@Component({
   template:`<div class="content-of-child">...</div>`
})
 export class ChildComponent extends ParentComponent{}
@组件({
模板:``
})
导出类ChildComponent扩展了ParentComponent{}
因此,结果将是

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


不,您不能这样做,但您可以将父组件拆分为3个组件,并仅扩展“内容”组件。但是,您还需要创建新的父组件,在其中插入扩展组件。

没有办法吗?上面的例子只是简化了,我对“内容”有广泛的看法divi理解但没有办法,你可以关注这个问题,我知道这会带来很多痛苦:-)所以拆分为组件页眉页脚内容->用子级内容覆盖内容->创建新的父级使用ng内容和转换来实现它怎么样?