import { Component } from '@angular/core';
@Component ({
selector: 'my-app',
template: ` <div>
<h1>{{appTitle}}</h1>
<div>To Tutorials Point</div>
</div> `,
})
export class AppComponent {
appTitle: string = 'Welcome';
ngOnInit(){
this.registerSomeSubscriptions();
}
registerSomeSubscriptions(){
this.subscribeSomething.subscribe((data)=>{
performSomeAction();
})
}
}
我可以像下面这样扩展它。
import { Component } from '@angular/core';
@Component ({
selector: 'my-app',
template: ` <div>
<h1>{{appTitle}}</h1>
<div>To Tutorials Point</div>
</div> `,
})
export class ChildComponent extends AppComponent {
}
虽然我知道组件的公共成员将在子组件中可用。
我的问题
- 我是否仍需要为两个组件使用单独的HTML文件,或者是否有某种代码风格或问题解决技术可重复使用相同的HTML模板,并含有一些特定于子级实现的内容,这是我不知道的技术?