访问从其他组件中的服务创建的数据会引发调用堆栈大小超出Angular
的问题，这是由于递归调用导致的。当一个组件通过服务获取数据时，如果这个服务又依赖于该组件，就会形成一个循环依赖，导致调用堆栈不断增长，最终超出了Angular的默认调用堆栈大小限制。
为了解决这个问题，可以采取以下几种方法：
- 优化数据获取方式：尽量避免在组件中频繁地调用服务获取数据，可以通过缓存数据、订阅数据变化等方式减少对服务的频繁调用，从而减少调用堆栈的增长。
- 懒加载模块：将涉及到循环依赖的组件和服务分离到不同的模块中，并使用懒加载的方式加载这些模块，可以避免在应用启动时就加载所有组件和服务，减少了循环依赖的可能性。
- 使用ChangeDetectionStrategy.OnPush：将组件的变更检测策略设置为OnPush，这样只有当输入属性发生变化时才会触发变更检测，可以减少不必要的检测和更新操作，从而减少了调用堆栈的增长。
- 使用NgZone.runOutsideAngular：对于一些不需要触发变更检测的操作，可以使用NgZone.runOutsideAngular方法将其包裹起来，在Angular外部执行，避免不必要的变更检测操作，减少调用堆栈的增长。
- 增加调用堆栈大小限制：如果以上方法都无法解决问题，可以考虑增加调用堆栈的大小限制。在Angular的启动代码中，可以通过修改platform-browser.js文件中的STACK_SIZE标志来增加调用堆栈的大小限制。但需要注意的是，增加调用堆栈大小可能会导致性能下降和内存消耗增加，需谨慎使用。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云原生服务：https://cloud.tencent.com/product/tke
- 腾讯云服务器运维：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云音视频服务：https://cloud.tencent.com/product/tiia
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mad
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/mesh
相关·内容
我正在制作一个angular网站，其中我需要从服务中检索一堆数据，并将其传递给多个组件。最初，我的这项服务只是获得了一个 Observable<Itinerary[]>(行程只是我用来收集正确信息的一个模型) 所以我在服务中做了这个。_http.get<Itinerary[]>(this.apiUrl);} 然后我会在一个组件中调用
浏览 18提问于2020-10-22得票数 0
回答已采纳
我在一个angular 4项目中提供了警报服务。所有组件都可以在该服务中设置警报，但只有一些组件会显示它们，并且每个组件都会在一个唯一的位置显示它们。所以我的问题是，如何从所有html文件中的服务中定义get变量呢？我的服务如下所示：
import { Injectable } from &#
浏览 2提问于2017-06-16得票数 5
回答已采纳
基本上，调用堆栈将在最后一个函数调用返回时开始弹出函数调用。但是，每当我试图创建一个更接近其最大大小的调用堆栈时，就会引发一个uncaught expression。41763){ return true; return test();所以上面的代码在铬49.0.2623.112米中抛出一个
浏览 7提问于2016-04-26得票数 14
回答已采纳
简单地转义用户输入中的危险字符，然后直接运行SQL查询，而不是使用准备好的语句，这是可以接受的吗？
例如，我是否可以在输入上使用以下函数，构建查询，然后执行它？
浏览 3提问于2017-09-13得票数 0
我正在将具有多个状态(路由)的Angular2应用程序与运行在后端的节点服务器(套接字)连接起来。当我访问其他状态并返回到以前的状态时，套接字代码是在用fromEvent创建的angular应用程序的服务文件中编写的。由多个组件中的subscribe()调用的</em
浏览 3提问于2018-05-19得票数 0
我们有3个分层的应用程序，其中来自服务层的每个调用都转到业务层，并由数据层持久化。每一层的组件只能调用下一层；
然而，由于我们有数百个实体，我们有许多与crud操作相关的服务，所以在我们的团队中引发了许多争议。有些人认为，为了维护和方便开发，最好从crud服务中调用数据<em
浏览 0提问于2013-04-25得票数 9
回答已采纳
我有一个用户列表，我想使用模式编辑用户的详细信息。如何将数据从组件的用户列表传递到模态，然后在组件代码中返回这些详细信息(以便调用API )？以下是组件代码： @Input() summary: any;
浏览 18提问于2018-12-13得票数 1
我有2个不同的组件，这是不同的模块。现在我将数据保存在一个组件中，必须将保存的数据提取到另一个组件中。如何在组件之间获取数据，请帮助。第一个组件： let params = { userGuID: this.uID, MenuIds: this.selectedMenuIds.toString(Service.addUser
浏览 7提问于2018-12-11得票数 0
1回答
我知道如果你有一个多线程的应用程序，并且你需要分配大量的内存，那么你应该在堆上分配。堆栈空间在应用程序的线程之间进行划分，因此当您创建新线程时，每个线程的堆栈大小会变小。因此，如果您尝试在堆栈上分配大量内存，它可能会溢出。但是，假设您有一个单线程应用程序，堆栈大小是否与堆的堆栈大小基本相同？我在其他地方读到，<
浏览 1提问于2015-11-28得票数 4
2回答
我知道Angular 6在创建单例服务的方式上有一些变化。我有一个Auth服务，需要为访问它的每个组件构造一次。我将该服务的提供程序设置为root：@Injectable({})在我的app.module.ts文件中，我在NgModule中将AuthService设置为我的提供者之一。但是
浏览 2提问于2018-07-11得票数 10
回答已采纳
2回答
基于FE组件的体系结构：
- Two way data binding + Angular 1.x Routing or Angular让我们定义一个带有文本和图像的Web 横幅组件
/./组件/横幅-Pr
浏览 4提问于2016-10-16得票数 3
3回答
它们在不同的地方声明(声明和提供程序)。我知道服务有@Injectable()注入到使用该服务的组件的构造函数中。但是为什么一定要这样呢？为什么我们不能在一个地方声明呢？一个人可以做而另一个人不能做的功能是什么？
浏览 1提问于2017-09-08得票数 15
回答已采纳
4回答
void fun1(int a1[]) for(int i=0;i<4;i++) printf("%d\n",a1[i]);}
传递一个数组只不过是传递第一个位置的地址并且我应该传递上面的数组及其名称(数组的起始地址)。我的疑问是，由于a4是一个自动变量，当它离开主函数时，它应该会死掉，它应该会给出意想不到的结果(指针应该是悬空的)。但它工作得很好。即使我们将单个元素int a作为f(&a)传递，如果它被声明为automatic(主函
浏览 0提问于2012-07-27得票数 0
我在一个angular应用程序中工作，其中项目有许多部分，数据结构是从服务器获取的。在Angular中，部件没有项目属性，只有project_id属性。项目有一个commission_rate，我需要访问它，以计算实际的佣金，并为给定的部分总价。angular.forEac
浏览 0提问于2015-11-25得票数 0
3回答
有谁能给我举个例子(或者给我举一个例子)，用角度来说明这个功能：组件B:从服务器接收的数据将显示在此组件中。由于某种原因，我无法将数据显示在另一个组件中，而不是从服务器获取数据</e
浏览 0提问于2019-04-14得票数 1
回答已采纳
我们使用标准的Jasmine/Angular单元测试设置进行组件单元测试，使用 fixture = TestBed.createComponent(MyComponent); 在beforeEach方法内部例如，我们正在使用一个从'MyComponent‘中调用的定制对话框服务，并希望验证它是否正确加载了正确的内容。(我知道您可能会认为这超出了“MyComponent”单元测试<
浏览 14提问于2021-04-03得票数 0
2回答
我正在读这个，OP说他担心“追加A的分配内存会破坏堆"，所以他反而分配了新的内存、memcopy和memset。我做了个蹩脚的尝试。
浏览 4提问于2022-08-16得票数 0
回答已采纳
我正在将应用程序从AngularJS (v1.5)升级到Angular的新版本我的怀疑是针对$new的
浏览 2提问于2018-09-21得票数 1
在我的angular应用程序中，有一个页面需要在呈现视图之前执行HTTP调用。问题是这个HTTP调用可能很长(在5到10秒之间)。我想要做的是当我的用户在欢迎页面时直接启动这个HTTP调用，这样当用户导航到相关页面时，我的数据就准备好了。 有没有办法在Angular上实现这种行为？
浏览 31提问于2021-03-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
