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内容和转换来实现它怎么样?