Constructor 与 ngOnInit
在 Angular 中,constructor 和 ngOnInit 是两个常用的生命周期钩子函数。它们分别用于组件的初始化和数据绑定阶段。
Constructor
constructor 是 TypeScript 中的一个类构造函数,用于创建类的实例并初始化类的成员变量。在 Angular 组件中,constructor 主要用于依赖注入和初始化一些属性。
示例代码:
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- --------------
--------- ----------- --------------
--
------ ----- ---------------- -
------------- -
------------------------ ---------
-
-ngOnInit
ngOnInit 是 Angular 提供的一个生命周期钩子函数,在组件初始化完成后被调用。在 ngOnInit 中通常进行一些初始化操作,比如获取远程数据、订阅事件等。
示例代码:
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------------
--------- --------------
--------- ----------- --------------
--
------ ----- ---------------- ---------- ------ -
------------- -
------------------------ ---------
-
---------- -
--------------------- ---------
-
-区别
- constructor 是 TypeScript 中的类构造函数,用于创建实例和初始化属性;
- ngOnInit 是 Angular 提供的生命周期钩子函数,用于组件初始化完成后进行一些操作。
在实际开发中,我们通常将依赖注入和属性初始化放在 constructor 中,将组件的初始化操作放在 ngOnInit 中。