什么时候在Angular中调用Typescript构造函数？它如何处理同一组件的多个实例？
在Angular中，构造函数是在创建组件实例时自动调用的。它用于初始化组件的状态和依赖项。构造函数是一个特殊的方法，它位于组件类的顶部，并且没有返回值。
在Angular中，当创建一个组件的实例时，会调用该组件的构造函数。这是通过Angular的依赖注入系统实现的。依赖注入系统会检查组件类的构造函数参数，并尝试为这些参数提供合适的依赖项。
如果一个组件类有多个实例，每个实例都会有自己的构造函数调用。这意味着每个实例都会有自己独立的状态和依赖项。当创建多个组件实例时，Angular会为每个实例分别调用构造函数，并为每个实例提供独立的依赖项。
在处理同一组件的多个实例时，Angular会为每个实例创建一个独立的组件上下文。这意味着每个实例都有自己的组件状态和依赖项。这样可以确保每个实例都是独立的，互不干扰。
对于同一组件的多个实例，可以通过在模板中使用组件选择器多次引用该组件来创建它们。每个实例都会有自己的独立的组件上下文和构造函数调用。
总结：
- 在Angular中，构造函数是在创建组件实例时自动调用的，用于初始化组件的状态和依赖项。
- 当处理同一组件的多个实例时，Angular会为每个实例创建一个独立的组件上下文，确保每个实例都是独立的，互不干扰。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（信鸽）：https://cloud.tencent.com/product/tpns
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
相关·内容
我有一个基于动态标签的组件。每次创建新选项卡时，都需要实例化组件的新实例(及其视图、依赖项和状态)。
我的问题是，构造函数在这种情况下是如何工作的？组件是否被多次实例化-因此构造函数被多次调用？或者它只会被调用一次，而我必须使用onInit和其他生命周期挂钩来管理状态？
浏览 3提问于2018-02-27得票数 1
2回答
我正在使用angular2 2/Typescript构建一个应用程序，并试图访问作为依赖项注入的服务。在角1.x中，我可以通过控制器函数访问这个服务，所有子函数都可以访问相同的依赖项。在这里，我通过组件的构造函数注入它，如下所示：
浏览 5提问于2016-04-30得票数 2
回答已采纳
如果我希望函数x在组件每次加载时都发生，无论是第一次，我导航到不同的站点并导航回来，或者这是组件第五次加载。
我应该把函数x放在什么地方？组件构造函数还是OnInit？
浏览 0提问于2016-03-07得票数 95
回答已采纳
1回答
从另一个模块导入服务
、、、
在使用AngularJS 1.x框架开发了2年之后，我目前正在学习Angular框架(版本5)，所以我问自己很多问题，其中之一就是如何正确地导入由我的应用程序中的另一个模块提供的服务。如果我完全理解，通过执行这样的导入，我将告诉我的应用程序在AppModule模块的.ts文件中需要时使用MyService服务。
但是我不能理解的是在我的<
浏览 7提问于2017-11-28得票数 4
我对Angular是个新手。我正在尝试通过组件类继承基类。基类如下所示。 value?: T; this.controlType = options.controlType || '';}
我的组件看起来像这样。import { Component, Input, forwardRef, Inject, Injectable, Optional } from
浏览 9提问于2017-07-12得票数 3
我有一个Angular2 DI问题。假设我有一个TestService，我想在同一个组件中使用这个服务的两个不同实例。如果我简单地向组件中添加一个提供程序，并将这2个实例添加到构造函数中，我将得到相同的服务实例。例如：import {Injectable} from "@angular/core&qu
浏览 2提问于2016-07-05得票数 9
回答已采纳
在Angular 7中，如果我们有一个声明为@Injectable({providedIn：'root'})的服务，它的构造函数什么时候执行？它是在使用它(作为依赖项)的组件构造时执行，还是等到该服务中的方法第一次被调用时才执行？
注意:因为服务是单例的，所以我使用服务<e
浏览 3提问于2018-11-23得票数 14
对SharePoint的调用都封装在一个名为SharePointConnector的定制类中(类似于一种存储库模式)。我的问题：
我是应该在ClientContext的构造函数中创建SharePointConnector，还是应该在每次调用时使用它，包装在一个using块中？我担心的是:创建ClientContext是一个昂贵的调用吗？当对<
浏览 3提问于2016-03-22得票数 3
回答已采纳
import { Injectable } from '@angular/core';
import {SmartphoneListComponent} from '.
浏览 2提问于2017-08-17得票数 0
我已经创建了一个服务，并在我的项目中的“root”中提供了它(使用标准快捷方式)。但是，它似乎是在创建多个实例，而不是使用同一个实例。我通过在构造函数中设置一个等于随机值的实例变量ID来诊断这个问题，然后在方法调用时将其输出到控制台。当我通过组件触发事件时，服务会处理
浏览 25提问于2019-02-28得票数 1
我有点新的角度，我试图构建我的应用程序围绕它，但我遇到了一些困难，当注入服务在我的组件。，我必须每次在每个组件中的构造函数中传递那些服务提供者，这是非常重复的。，但我有一个名为PostsComponent的组件，它使用特定的服务提供者来处理Posts。为了防
浏览 0提问于2018-05-08得票数 0
回答已采纳
2回答
我知道，要将依赖项注入Angular2组件，我只需在其构造函数中注释一个参数，就像这里的ThingService一样。我想了解的是Angular如何知道在运行时注入什么，据我所知，这只是TypeScript注释，在运行时没有任何意义。用来管理哪些提供程序在组件的构造函数中的位置的底层内部机制是
浏览 0提问于2017-01-17得票数 5
我对角6很陌生，我需要通过API调用初始化所有下拉字段。许多开发人员建议，对数据初始化的api调用应该在ngOninit内部完成，而不是通过构造函数执行吗？谁能告诉我这背后的原因吗？
浏览 1提问于2018-11-01得票数 2
我在组件的HTML部分中使用了一个自定义管道。在模块中声明：我希望能够从组件代码(而不是transform方法)调用一个方法。如果我将它注入组件的构造函数中(例如，任何正常的服务)：然后我得到了一个错误:没有提供
浏览 2提问于2017-08-30得票数 2
回答已采纳
我正在使用Durandal和Typescript。
我的Viewmodel构造函数在每次访问该路由时都会被调用。这似乎是一种浪费。视图模型中的状态不是应该在不同的激活之间保持，然后当再次需要视图模型时，只会调用该实例上的activate()吗？此外，视图模型在停用后仍然活着并在内存中运行，因为我有一些computedObservables可以运行
浏览 0提问于2014-05-13得票数 1
每次我离开这个页面并返回它时，都会添加一个新的事件侦听器，导致构造函数再次被调用。<em
浏览 17提问于2016-09-23得票数 0
回答已采纳
我只是想弄清楚构造函数和onInit函数在Angular2指令中的区别。在我看来，在创建对象时，两种方法都是使用的，那么为什么不使用构造函数呢？
浏览 5提问于2016-02-28得票数 4
回答已采纳
所以，我一直在读第二角，有两种方法来做同样的事情，但我不知道它的根本区别，如果有。考虑以下几点export class MyComponent { this.myAge = 24;}
OnInit
浏览 3提问于2016-02-21得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
