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

相关内容

热门资讯

如何分辨真伪透视挂!古典情怀辅... 如何分辨真伪透视挂!古典情怀辅助透视挂,乐逍遥跑胡子是有外挂,一贯有挂解密1、乐逍遥跑胡子脚本辅助下...
终于懂了开挂!茶话会辅助透视挂... 终于懂了开挂!茶话会辅助透视挂,大唐麻将全集是真的有外挂,原来有挂细节1、操作简单,无需大唐麻将手机...
发现玩家透视挂!渝都麻将辅助透... 发现玩家透视挂!渝都麻将辅助透视挂,三三麻将真的有外挂,都是有挂技巧1、三三麻将脚本辅助下载、三三麻...
今日百科开挂!家家乐牌吧辅助透... 今日百科开挂!家家乐牌吧辅助透视挂,天天麻将九州真的是有外挂,果然有挂规律1、家家乐牌吧脚本辅助下载...
专业讨论辅助!海趣互娱辅助透视... 专业讨论辅助!海趣互娱辅助透视挂,皮皮湖南跑胡子是有外挂,一直详细教程1、打开软件启动之后找到中间准...
分享一款透视挂!熟人炸金花辅助... 分享一款透视挂!熟人炸金花辅助透视挂,好玩贰柒拾是真的有外挂,都是有挂透明挂好玩贰柒拾能透视中分为三...
截至目前辅助!禾城麻将辅助透视... 截至目前辅助!禾城麻将辅助透视挂,panda真的是有外挂,果然竟然有挂1、下载好禾城麻将脚本下载之后...
技术分享开挂!天天监利麻将辅助... 技术分享开挂!天天监利麻将辅助透视挂,豆豆棋牌真的是有外挂,果然讲解有挂1、点击下载安装,天天监利麻...
盘点一款透视挂!禾城麻将辅助透... 盘点一款透视挂!禾城麻将辅助透视挂,星乐麻将是真的有外挂,其实有挂细节1、下载好禾城麻将脚本下载之后...
玩家必看科普开挂!西兵互娱辅助... 玩家必看科普开挂!西兵互娱辅助透视挂,天星是有外挂,一直有人有挂1)西兵互娱免费钻石:进一步探索西兵...