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有脚本... 透视教学!aapoker有脚本吗,wepoker祈福有用吗,大神讲解(都是存在有挂)准备好在aapo...
透视攻略!aapoker透视插... 透视攻略!aapoker透视插件,德普之星透视辅助ios,玩家必备科技(有挂技巧);透视攻略!aap...
透视科技!wepoker底牌透... 透视科技!wepoker底牌透视脚本app,pokerworld破解版下载,插件教程(先前是真的有挂...
透视辅助!德普之星透视辅助,w... 您好,德普之星透视辅助这款游戏可以开挂的,确实是有挂的,需要了解加Q群【1067239143】很多玩...
透视了解!wepoker底牌透... 1、透视了解!wepoker底牌透视脚本http,德普之星辅助功能如何打开,让我来分享经验(有挂教程...
透视透视挂!智星德州菠萝透视插... 透视透视挂!智星德州菠萝透视插件工具,wepoker有透视吗,线上教程(原来存在有挂)1、每一步都需...
透视科技!红龙poker透视,... 透视科技!红龙poker透视,wpk软件是正规的吗,wpk教程(一向有挂);1.红龙poker透视 ...
透视智能ai!aapoker辅... 透视智能ai!aapoker辅助器怎么用,红龙poker有辅助吗,查到实测辅助(有挂技巧),您好,a...
透视能赢!aapoker免费透... 1、透视能赢!aapoker免费透视脚本,aapoker辅助器怎么用,总算了解(有挂方法)2、进入游...
透视系统!wpk辅助工具下载,... 透视系统!wpk辅助工具下载,wepoker怎么看牌型,可靠技巧(确实是真的有挂);一、wpk辅助工...