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

相关内容

热门资讯

专业讨论!aapoker线上有... 您好,wpk透视辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
大家学习交流!德州之星app辅... 大家学习交流!德州之星app辅助,wpk透视辅助测试,透视教程(其实真的是有挂)1、wpk透视辅助测...
最新科技!微扑克俱乐部,wep... 最新科技!微扑克俱乐部,wepoke辅助有挂,科技教程(最初存在有挂)1)wepoke辅助有挂辅助挂...
科技通报!红龙扑克都是机器人吗... 自定义wpk透明挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是...
今日科普!wepoke挂透视,... 今日科普!wepoke挂透视,wepoke ai辅助,玩家教程(真是真的有挂)1)wepoke ai...
实测分享!拱趴大菠萝免费辅助器... 您好,德扑之星猫腻这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
科技新动态!来玩德州app外挂... 您好,德州之星辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
专家专科!微扑克有挂吗,德州之... 专家专科!微扑克有挂吗,德州之星插件,细节揭秘(从前真的有挂)是一款可以让一直输的玩家,快速成为一个...
必看攻略!wepoke美元局稳... 必看攻略!wepoke美元局稳么,wepokeai代打的胜率,技巧教程(竟然真的是有挂)是一款可以让...
玩家必看分享!wpk代打是真的... 玩家必看分享!wpk代打是真的吗,aapoker辅助,德州教程(原生是真的有挂)1、很好的工具软件,...