Angular的ngOnInit和constructor。在每个构造函数中放什么?
创始人
2024-10-24 08:31:17
0

Angular 中,在组件中有两个生命周期函数:ngOnInit 和 constructor。constructor 是 TypeScript 中类的构造函数,而 ngOnInit 则是 Angular 组件的初始化方法。因为它们都按照不同的时间发生,所以应该确保在适当的时候放置适当的代码。

constructor 中通常会放置组件所需的 DI(Dependency Injection)注入器、服务、配置参数等等。但是,你应该避免在 constructor 中进行更多的工作,因为这会增加代码启动时间并导致代码效能下降。

ngOnInit 中是初始化组件所需的最佳位置,你可以在其中放置代码,例如获取数据或很多其他初始化任务。此外,你还可以确保在 ngOnInit 中访问生命周期函数中的 ViewChild、Input 和 Output 属性。

下面是一个包含示例代码的例子:

@Component({ selector: 'app-example', template:

{{ message }}

}) export class ExampleComponent implements OnInit { message: string;

constructor(private exampleService: ExampleService) { // DI 注入器在此放置 }

ngOnInit() { // 组件的初始化代码在此放置 this.exampleService.getMessage() .subscribe(response => this.message = response); } }

相关内容

热门资讯

透视方式!wpk是真的还是假的... 透视方式!wpk是真的还是假的,wpk俱乐部有没有辅助(透视)真是有透视技巧(哔哩哔哩)1、用户打开...
透视学习!wepoker私人局... 透视学习!wepoker私人局规律,wepoker插件程序激活码(透视)果然有透视方法(哔哩哔哩)1...
透视办法!wepoker插件功... 透视办法!wepoker插件功能辅助器,wepoker免费透视脚本(透视)原来是真的透视方法(哔哩哔...
透视教材!aapoker怎么提... 透视教材!aapoker怎么提高中牌率,aapoker能控制牌吗(透视)确实真的有透视插件(哔哩哔哩...
透视办法!wpk模拟器多开,w... 透视办法!wpk模拟器多开,wpk安卓下载辅助(透视)确实有透视软件(哔哩哔哩)1、每一步都需要思考...
透视窍门!aapoker辅助软... 透视窍门!aapoker辅助软件合法吗,aapoker脚本(透视)一贯有透视技巧(哔哩哔哩)1、aa...
透视指引!德州私人局脚本,拱趴... 透视指引!德州私人局脚本,拱趴大菠萝怎么开挂(透视)都是存在有透视器(哔哩哔哩)亲,关键说明,拱趴大...
透视妙招!hhpoker德州挂... 透视妙招!hhpoker德州挂真的有吗,hhpoker可以开挂吗(透视)好像是真的脚本挂(哔哩哔哩)...
透视大纲!德普之星辅助软件,德... 透视大纲!德普之星辅助软件,德普之星透视免费(透视)切实存在有脚本器(哔哩哔哩)1、金币登录送、破产...
透视机巧!aa poker透视... 透视机巧!aa poker透视软件,aapoker怎么开辅助器(透视)好像存在有透视神器(哔哩哔哩)...