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

相关内容

热门资讯

热点讨论!hhpoker是正品... 热点讨论!hhpoker是正品吗,wepoker辅助是真的吗,真是是有挂(有挂细节)1、全新机制【w...
玩家必看攻略!hhpoker辅... 玩家必看攻略!hhpoker辅助挂,pokemmo手机脚本,一直真的是有挂(有挂总结)1、公共底牌简...
今日科普!德州局怎么透视,来玩... 今日科普!德州局怎么透视,来玩app 德州 辅助,竟然真的是有挂(有挂实锤)1、很好的工具软件,可以...
玩家必备教程!hhpoker是... 玩家必备教程!hhpoker是真的吗,wpk辅助软件,一直有挂(新版有挂)运辅助工具,进入游戏界面。...
玩家必备科普!wepoker怎... 玩家必备科普!wepoker怎么拿到好牌,wepoker透视有用吗,真是存在有挂(真的有挂)1、玩家...
重大通报!红龙poker有辅助... 重大通报!红龙poker有辅助吗,hhpoker作弊实战视频,确实真的有挂(确实有挂)1、该软件可以...
信息共享!红龙poker辅助,... 信息共享!红龙poker辅助,pokemmo脚本辅助下载,本来存在有挂(有挂分析)1. 选牌创建新账...
科技新动态!红龙poker作弊... 科技新动态!红龙poker作弊指令,来玩德州破解器,果然真的是有挂(有挂教程)1、玩家可以在透视最简...
六分钟了解!wepoker数据... 六分钟了解!wepoker数据分析,wpk免费辅助,本来真的有挂(有挂秘笈)运辅助工具,进入游戏界面...
新手必备!wepoker怎么破... 新手必备!wepoker怎么破解游戏,拱趴大菠萝挂怎么安装,真是真的有挂(有挂助手)1、拱趴大菠萝挂...