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

相关内容

热门资讯

黑科技私人局(云扑克苹果)咪咪... 黑科技私人局(云扑克苹果)咪咪扑克确实真的有挂!太坑了素来有挂(2023已更新)(哔哩哔哩);咪咪扑...
黑科技中牌率(Wepoke机器... 黑科技中牌率(Wepoke机器人)aapoKER先前真的是有挂!太坑了固有真的有挂(2025已更新)...
黑科技有挂(wepoke有挂)... 相信很多朋友都在电脑上玩过pokerworld吧,但是很多朋友都在抱怨用电脑玩起来不方便。为此小编给...
黑科技好友(德扑之星开房间)a... 黑科技好友(德扑之星开房间)aa州克原来真的有挂!太无语了竟然真的是有挂(2022已更新)(哔哩哔哩...
黑科技游戏(Wepoke安装)... 黑科技游戏(Wepoke安装)AAPOKEr一贯是有挂!太实锤了果然存在有挂(2022已更新)(哔哩...
黑科技辅助(Wepoke德州)... 这是一款非常优秀的aapOker ia辅助检测软件,能够让你了解到aapOker中牌率当中全部隐藏参...
黑科技线上(gg扑克平台)众合... 黑科技线上(gg扑克平台)众合推扑克真是是有挂!太坑了固有是真的有挂(2022已更新)(哔哩哔哩);...
黑科技脚本(Wepoke新更新... 黑科技脚本(Wepoke新更新)扑克世界app总是有挂!太实锤了原来真的是有挂(2021已更新)(哔...
黑科技辅助挂(微扑克机制)AA... 1、黑科技辅助挂(微扑克机制)AAPoKER起初真的是有挂!太离谱了好像是有挂(2023已更新)(哔...
黑科技规律(Wepoke ai... 1、黑科技规律(Wepoke ai代打)aapOKER从前有挂!太无语了好像有挂(2021已更新)(...