最先运行的ngOnInit和构造函数
ngOnInit和构造函数是Angular框架中的两个重要概念，用于初始化组件和执行一些必要的操作。
- 构造函数（Constructor）： 构造函数是一个类的特殊方法，用于创建和初始化类的实例。在Angular中，构造函数是用来注入依赖项和执行一些初始化操作的地方。它是在组件实例化时第一个被调用的方法。构造函数通常用来注入服务、依赖项和配置。
- ngOnInit： ngOnInit是Angular生命周期钩子函数之一，用于在组件初始化完成后执行一些操作。它是在构造函数之后被调用的方法。ngOnInit通常用于执行一些初始化数据的操作，例如从后端获取数据、订阅Observables、初始化变量等。
在Angular中，ngOnInit和构造函数的执行顺序是固定的：首先执行构造函数，然后才会执行ngOnInit方法。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的计算容量，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：高性能、可扩展的关系型数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：安全、稳定、高可用的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
当我在构造函数中调用注入的服务时，我得不到定义。这个服务是在ngOnInit方法中调用的，在中我已经看到构造器首先运行，但在我的例子中我注意到了相反的情况，所以我有点困惑。对此有更多的解释，谢谢。this.endPickerOptions = new DatePickerOptions();
//this.datePickerOptions.initialDate = new Date(D
浏览 19提问于2017-03-15得票数 1
回答已采纳
我有两个组件父组件和子组件在本地服务器上运行应用程序后，首先加载哪个组件模板1)父类的构造函数()3)父级的ngOnInit()
4)子代<e
浏览 1提问于2018-09-26得票数 0
2回答
valueChanges().subscribe(settings => { this.settings = settings;}this.activatedRoute.queryParams.subscribe(params => { }然而，我的控制台输出是而不将所有内容都放在NgOnInit中，而整个代码都在.then()
浏览 3提问于2021-10-07得票数 0
回答已采纳
我正在做我的第一个angular项目，我的家庭组件html如下所示 <div> <h1tableLabel">STEM Stuff</h1> </div&
浏览 22提问于2019-11-14得票数 1
回答已采纳
许多开发人员建议，对数据初始化的api调用应该在ngOninit内部完成，而不是通过构造函数执行吗？谁能告诉我这背后的原因吗？
浏览 1提问于2018-11-01得票数 2
我有添加弹出窗口字段，当弹出窗口打开时，我想让一个字段与其选项被预先选择，我在控制台中得到所需的值，但它不反映在html上。有人能帮我解决这个问题吗？
浏览 0提问于2018-03-15得票数 1
26回答
在默认情况下，角提供生命周期钩子ngOnInit。
如果我们已经有了一个ngOnInit，为什么要使用constructor？
浏览 25提问于2016-03-03得票数 1418
回答已采纳
2回答
我试图在Angular 4的构造函数中调用一个模态函数，但是该函数被高亮显示，没有正确调用，并且当页面加载时，日志中没有读取错误，并且模态函数没有按预期弹出。屏幕变暗，但模式中的文本不显示。
浏览 2提问于2019-02-20得票数 3
在中，有以下关于组件构造函数中的代码的技巧(我强调了第二段)：
虽然可以在构造函数中调用getHeroes()，但这并不是最佳实践。为简单初始化保留构造函数，例如将构造函数参数连接到属性。构造函数不应该做任何事情。当然，它不应该像真正的数据服务那样调用向远程服务器发出HTTP请求的函数</e
浏览 0提问于2018-05-04得票数 10
但是，我的onInit方法从spring获得一个json，并尝试设置一个定义为employees的属性。在方法的末尾查看它：import { FormBuilder, FormGroup , Validators} fromconstructor(private employeeService: EmployeesService,
浏览 0提问于2018-11-06得票数 0
2回答
我有一个奇怪的角度(v9)行为：public devices = [];
navigator.mediaDevices.getUserMedia以前它起作用了，现在我收到了错误消息，上面写着：public mydevices = [];catch(function (err) {如果我使用这段代码，那么它可以看到数组tempDevices，也可以使用它，但它仍然不能看到this
浏览 3提问于2020-04-29得票数 0
在我的角度应用程序中，规则为构造函数触发了一个错误。嗯，它确实是一个空的，但是构造函数本身需要在那里，因为我注入了一个服务。export class ClientListComponent implements OnInit { ngOnInit() { }}
有趣的是，它还抱怨接口的实现方法。然而，错误消息在这两者之间是不同的</
浏览 2提问于2021-03-14得票数 18
回答已采纳
我知道ngOnInit()和构造器的一些不同之处。此外，我还遇到过许多示例，其中服务在ngOnInit()方法中定义，而不是在构造函数中定义，反之亦然。但Angular并不禁止在构造函数级别使用服务。implements OnInit{
userService.getDetails();
ngOnInit</e
浏览 2提问于2018-11-05得票数 2
false;
我应该在构造函数中定义这是关于showComments默认值的吗？ngOnInit里面
浏览 0提问于2019-03-07得票数 1
回答已采纳
我在constructor和ngOnInit上读过。我自己得出的结论是，我们应该在constructor中设置变量和服务初始化，在ngOnInit中设置任何逻辑。这在我看来是清白的。这是我的实现示例。如果我做得对，或者我错误地理解了constructor和ngOnInit，希望得到一些反馈。或者我应该把所有的东西都放在ngOnInit上。EventEmitter<Profile>();
this.loader =
浏览 3提问于2017-09-22得票数 1
回答已采纳
我使用的是角Core/Feature/Shared模块模式。当呈现CoreComponent (应用程序的主页)时，DataStorageService的构造函数(在CoreComponent的构造函数中使用)被多次调用(每次调用构造函数时都会产生AJAX调用)请不要将我的问题标记为重复，因为我的问题与以前在这里提出和回答的类
浏览 6提问于2019-11-11得票数 1
2回答
我感到惊讶的是，仅仅将一个id传递给一个组件是多么困难。我确信我遗漏了一些东西，但本质上我想做的就是能够将一个id传递给一个嵌套组件。asset-manager [groupId]="6"></asset-manager> `export clas
浏览 3提问于2016-03-14得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
