在Angular 8中对模态的循环依赖
在Angular 8中，对模态的循环依赖是指在模态框组件和父组件之间存在相互依赖的情况。具体来说，当模态框组件需要访问父组件的数据或调用父组件的方法时，就会出现循环依赖的问题。
循环依赖可能导致程序出现错误或无法正常运行。为了解决这个问题，可以采取以下几种方法：
- 使用服务：将需要共享的数据或方法封装在一个共享服务中，然后在模态框组件和父组件中分别注入该服务。通过服务来实现数据的传递和方法的调用，避免直接依赖。
- 使用@ViewChild装饰器：在父组件中使用@ViewChild装饰器获取模态框组件的实例，然后通过该实例来访问模态框组件的属性和方法。这种方式可以避免直接依赖，但需要注意确保模态框组件已经初始化完成。
- 使用@Output装饰器：在模态框组件中定义一个输出属性，并通过@Output装饰器将需要传递给父组件的数据或事件发送出去。在父组件中使用模态框组件的标签，并通过事件绑定的方式接收传递过来的数据或事件。
- 使用ng-bootstrap或ngx-bootstrap等第三方库：这些库提供了更方便的模态框组件，可以通过它们提供的API来实现模态框和父组件之间的通信，避免循环依赖的问题。
总结起来，解决Angular 8中对模态的循环依赖问题的方法包括使用服务、@ViewChild装饰器、@Output装饰器以及第三方库。具体选择哪种方法取决于具体的需求和项目情况。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（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
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
2回答
我有一个Login modal，它有一个打开注册模式的按钮，而register模式有一个返回到登录模式的按钮。这会产生循环依赖，我想不出如何解决这个问题。public dialog: MatDialog 在登录模式中： goRegister() {this.dialog.open(RegisterComponent);this.dialog.closeAll();
this.dialo
浏览 17提问于2019-12-13得票数 2
回答已采纳
1回答
当没有使用RequireJS时，我有一个正确工作的指令，我正在尝试将它迁移到基于RequireJS的应用程序中。该指令封装了一个角度UI模型，并使用transclude填充模态元素(在声明指令的控制器中定义了模态元素)。问题是，如果加载了RequireJS，该模型不会显示任何元素(即它是空的)。在没有 RequireJS的情况下正确工作的指令的。您将看到一个由元素填充的模式。
<e
浏览 3提问于2017-01-11得票数 0
回答已采纳
1回答
在我的Angular应用程序中，我有两个组件可以作为模态相互打开。从组件A可以打开组件B，从组件B可以打开组件A。如果没有循环依赖，我如何才能做到这一点？我尝试将模式调用移动到一个服务，但两个组件都需要注入此服务，并且我又有了循环依赖。 我也读过一些关于使用forwardRef进行注射的文章，但是我不能让它工作。我尝试像这样将服务注入到组件的构造函数中： @Inject(forwardRef(() => Cir
浏览 13提问于2020-07-02得票数 0
回答已采纳
我有两个ngx-bootstrap模态创建作为独立的组件(不使用模板变量)-登录模态和注册模态。每个通道都有单独的组件，它们位于我的共享模块中，可以从其他模块调用。但问题是，有一个选项可以让这些模态相互呼叫-您可以单击登录模式中的按钮，该按钮必须带给您注册模式，反之亦然。当我尝试使用BsModalService执行此操作时，会出现循环依赖错误，因为我已经将登录组件导入了注册组件中，并将注册组件导入了登录组件中。我曾尝
浏览 0提问于2019-06-07得票数 1
2回答
我有一个使用Spring Boot从Eclipse启动的web应用程序。我正在尝试使用Angular模态来获得一个漂亮的确认、删除模态，并且我遵循来获得正确的依赖关系。\angular-modal-service\dst\angular-modal-service.min.js"></script>
我在我的Angular文件中添加了依赖项
浏览 2提问于2015-06-30得票数 0
我已经创建了一个包含行数据的表。单击时，我有所选元素的可用范围。这会弹出一个模式弹出。
但是，在编辑模态时，它显然会更改行上的绑定数据。但我只想存钱才这么做。我怎样才能做到这一点？
浏览 6提问于2014-04-02得票数 0
回答已采纳
3回答
是stackblitz中的空角7项目，在角6中我使用了constructor(private bsModalRef: BsModalRef)，所以我可以将值传递给我的子弹出组件。在stackblitz中，它要求我安装ngx引导程序，但我已经安装了。
有什么想法吗？
浏览 6提问于2018-11-09得票数 6
回答已采纳
我的应用程序文件夹是这样构造的：
- app.js
var app = angular.module('ngGasistaFelice', ['ui.bootstrap']);
app.controller($log.info('Modal dismissed at: ' +
浏览 2提问于2014-06-11得票数 2
回答已采纳
我正在尝试在angularJS应用程序(148版本)中使用uibModal (来自angular-ui-bootstrap v0.12.1)。我知道当前的angular版本。当我尝试使用下面的示例代码来使用模式时，我看到了错误：我在应用程序中添加了以下内容：在<
浏览 4提问于2020-12-16得票数 0
当我试图关闭角1.5分量内的时，它会抛出。 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script>
<script src=&q
浏览 2提问于2016-04-28得票数 6
回答已采纳
2回答
我的角角- 1.4.8( 1)第一个控制器，该控制器有方法在下列情况下打开模态窗口- ModalService.showModal({pdf-canvas" </div>
3) tariffContr
浏览 4提问于2017-06-01得票数 3
回答已采纳
1回答
我正面临这样的问题，我有两个相互依赖的angular 1.5模块，这对于angularjs来说是很好的，但是当我使用typescript & webpack导入它们时，我得到了循环的typescript我在模块之间的角度服务中没有循环依赖，因此依赖于彼此的角度模块应该没有问题。("secondModule",[FirstModule.n
浏览 10提问于2017-08-28得票数 0
回答已采纳
我有一个Angular (9.1.4)项目，它使用ng-bootstrap (6.1.0)打开对话框。你知道Angular在哪里添加了这个div，以及如何删除它吗？
提前感谢！
浏览 0提问于2021-01-25得票数 1
1回答
带角自举模态的故障
、、、、
我的模态窗口有简单的角度控制器 $scope.data;而且我有来自d3的动态生成的数据(对于这个内容我不能使用我在d3中设置了这样的事件： //get some data
angular.el
浏览 1提问于2013-12-10得票数 0
回答已采纳
我正在尝试在angular中使用code，但是我失败了，这是我的代码ts： } button.click();这是我的HTML
浏览 2提问于2021-07-09得票数 0
1回答
我试着整合角度引导模态形式，angular.module('app').controller('groupController',['groupService','$uibModal','toastr','$scope',function(groupService,toastr,$uibModal,$scope)
我添加了$uibModal作为dependency.In --我的app.
浏览 5提问于2016-06-27得票数 5
回答已采纳
1回答
我有一个运行角+角UI路由器+ RequireJS的示例代码。有两个页面，每个页面都有一个相应的控制器。如果单击“视图1”，应该会看到包含指令的页面。当页面加载时，它会抛出以下异常：
这意味着app在my-ctrl-1.js中是未定义的，即使我是在app.js中返回它。': 'https://cdnjs.cloudflare.com/
浏览 2提问于2017-01-08得票数 0
回答已采纳
我遇到了一个设置嵌套视图状态的问题。 'ui.state', 'test.page1',
'test.page2',我想要做的是在模块的配置部分而不是<em
浏览 1提问于2014-03-26得票数 1
回答已采纳
我正在尝试做一些事情，我猜这应该是相当容易的，但我不能弄清楚。我想要做的就是点击一个按钮打开一个模式。我正在遵循这个例子。这是我的控制器：};
$scope.
浏览 3提问于2015-10-24得票数 2
回答已采纳
1回答
我有一个html表，其中包含数据库中的cars列表，我希望在表中选择一行来打开引导模式，从db表中使用正确的id。“更改状态”按钮打开显示汽车、车牌和状态的模态。但它只获取最新的身份证明。当我将模态移到顶部时，它会获取表上的第一个id。我很困惑我能做些什么来解决这个问题。以下是我的html代码：<div class="table-responsive">
浏览 2提问于2016-03-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
