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、下载好微...
我来教大家辅助app!白金岛红... 我来教大家辅助app!白金岛红拐弯多功能辅助app,白金岛红拐弯原来是有辅助app1)白金岛红拐弯免...
玩家必看分享作弊器攻略!家乡鹤... 玩家必看分享作弊器攻略!家乡鹤游多功能作弊器攻略,家乡鹤游好像是有作弊器攻略1、许多玩家不知道家乡鹤...
重大通报外挂攻略!微乐福建麻将... 重大通报外挂攻略!微乐福建麻将多功能外挂攻略,微乐福建麻将确实是真的有外挂攻略1、让任何用户在无需微...
重大科普透视挂工具!逍遥麻将多... 重大科普透视挂工具!逍遥麻将多功能透视挂工具,逍遥麻将一直有透视挂工具1、每一步都需要思考,不同水平...
大家学习交流作弊器方法!科尔沁... 大家学习交流作弊器方法!科尔沁麻将多功能作弊器方法,科尔沁麻将好像真的是有作弊器方法1、超多福利:超...
记者揭秘透视器技巧!彩虹沁阳麻... 记者揭秘透视器技巧!彩虹沁阳麻将多功能透视器技巧,彩虹沁阳麻将果然真的有透视器技巧1、打开软件启动之...
分享个大家透视器脚本!追忆多功... 分享个大家透视器脚本!追忆多功能透视器脚本,追忆切实真的是有透视器脚本1、追忆辅助软件下载优化,追忆...
最新技巧辅助器技巧!廊坊麻将多... 最新技巧辅助器技巧!廊坊麻将多功能辅助器技巧,廊坊麻将确实是有辅助器技巧1、首先打开廊坊麻将辅助器下...