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); } }

相关内容

热门资讯

第七分钟辅助!wepoker有... 第七分钟辅助!wepoker有没有挂,竞技联盟透视,手册教程(有挂方略)1、wepoker有没有挂有...
六分钟辅助!xpoker辅助神... 六分钟辅助!xpoker辅助神器,wepoker破解器激活码,指南书教程(有挂秘籍);1、完成wep...
7分钟辅助!wepoker免费... 7分钟辅助!wepoker免费辅助器,pokermaster破解版,手段教程(有挂存在)wepoke...
第5分钟辅助!wepoker透... 第5分钟辅助!wepoker透视苹果系统,aapoker真的假的,手段教程(有挂实锤)wepoker...
第五分钟辅助!线上德州的辅助器... 第五分钟辅助!线上德州的辅助器是什么,aapoker透视怎么用,总结教程(新版有挂)1、线上德州的辅...
八分钟辅助!德州hhpoker... 八分钟辅助!德州hhpoker脚本,拱趴大菠萝万能挂图解,练习教程(有挂教程)1)拱趴大菠萝万能挂图...
两分钟辅助!wepoker软件... 两分钟辅助!wepoker软件安装包,wepoker辅助是真的假的,要领教程(有挂方针)wepoke...
1分钟辅助!wepoker辅助... 1分钟辅助!wepoker辅助软件视频,德普之星app安卓版破解版,方案教程(揭秘有挂)1、每一步都...
第四分钟辅助!we poker... 第四分钟辅助!we poker插件,wepoker透视最简单三个步骤,指南书教程(存在有挂)1)we...
九分钟辅助!约局吧怎么看有没有... 九分钟辅助!约局吧怎么看有没有挂,wepoker轻量版有透视吗,办法教程(有挂透明挂)1、超多福利:...