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怎么开辅助器(透视)真的假的(果然存在有挂);aapoker怎么开辅助器辅助...
透视科技!德普之星透视软件免费... 透视科技!德普之星透视软件免费入口官网(透视)app安卓版破解版(一贯存在有挂);1、许多玩家不知道...
透视神器!aapoker免费透... 透视神器!aapoker免费透视脚本(透视)辅助(本来是有挂)1)aapoker免费透视脚本辅助挂:...
透视辅助!德普之星怎么开辅助(... 透视辅助!德普之星怎么开辅助(透视)透视辅助(本来有挂);1、每一步都需要思考,不同水平的挑战会更加...
透视脚本!aapoker发牌逻... 透视脚本!aapoker发牌逻辑(透视)透视脚本下载(真是真的有挂)1、任何aapoker发牌逻辑a...
透视最新!德普之星透视辅助软件... 透视最新!德普之星透视辅助软件下载(透视)透视挂(果然真的有挂);1、许多玩家不知道德普之星透视辅助...
透视好友!aapoker公共底... 透视好友!aapoker公共底牌(透视)ai插件(本来有挂)1、aapoker公共底牌系统规律教程、...
透视好牌!德普之星辅助器app... 透视好牌!德普之星辅助器app(透视)透视辅助(果然有挂);进入游戏-大厅左侧-新手福利-激活码辅助...
透视代打!aapoker免费透... 透视代打!aapoker免费透视脚本(透视)透视软件(好像是有挂)1、游戏颠覆性的策略玩法,独创攻略...
透视实锤!德普之星app安卓版... 透视实锤!德普之星app安卓版破解版(透视)的辅助工具介绍(果然真的有挂)1、打开软件启动之后找到中...