Angular 4-打开弹出窗口
Angular 4是一种流行的前端开发框架，它可以帮助开发人员构建现代化的Web应用程序。在Angular 4中，打开弹出窗口可以通过使用模态框（Modal）来实现。
模态框是一种在当前页面上打开的浮动窗口，它会阻止用户与页面上其他元素进行交互，直到关闭该窗口为止。在Angular 4中，可以使用第三方库如ngx-bootstrap或ng-bootstrap来实现模态框功能。
使用ngx-bootstrap实现打开弹出窗口的步骤如下：
- 首先，安装ngx-bootstrap库。可以通过npm包管理器运行以下命令来安装ngx-bootstrap：
- 首先，安装ngx-bootstrap库。可以通过npm包管理器运行以下命令来安装ngx-bootstrap：
- 在Angular应用的根模块中导入所需的模块。在app.module.ts文件中，添加以下代码：
- 在Angular应用的根模块中导入所需的模块。在app.module.ts文件中，添加以下代码：
- 在需要打开弹出窗口的组件中，导入所需的模块和服务。在组件的.ts文件中，添加以下代码：
- 在需要打开弹出窗口的组件中，导入所需的模块和服务。在组件的.ts文件中，添加以下代码：
- 在组件的HTML模板中，添加一个按钮或其他触发打开弹出窗口的元素，并绑定到组件中的openModal方法。例如：
- 在组件的HTML模板中，添加一个按钮或其他触发打开弹出窗口的元素，并绑定到组件中的openModal方法。例如：
以上代码中，点击"Open Modal"按钮将会调用openModal方法，并将myModal模板作为参数传递给modalService的show方法。这将导致模态框打开，并显示模态框的标题和内容。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于托管Web应用程序和后端服务。了解更多信息，请访问腾讯云云服务器。
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，适用于存储和管理应用程序的数据。了解更多信息，请访问腾讯云云数据库MySQL。
相关·内容
3回答
保持关闭模式或弹出型按钮的焦点
、、、、
我有一个关于可访问性的问题。有几个层/模态或弹出窗口，单击按钮或链接即可打开。
我需要保留对原始元素的焦点，这是点击打开一个模式或弹出或弹出，一旦他们是关闭的，焦点应该回到点击的元素。
当前，当我在关闭模式窗口或弹出按钮后单击页面时，焦点从开始处开始
我使用的是通过angular状态提供程序配置打开的angular bootstrap模式和自定义弹出窗口。
浏览 3提问于2017-04-26得票数 2
如果弹出窗口被阻止，我会在我的Angular JS项目中打开新的页面窗口。你有什么解决方案绕过弹出窗口/新窗口阻止在IE >8
注意:这不是一个打开新窗口的按钮单击事件。
浏览 0提问于2017-08-29得票数 0
作为AngularJS的新手，我有关于AngularJS应用程序和不使用Angular的弹出窗口的问题。
例如:一个Angular应用程序包含一个打开弹出窗口的指令，将url中的一些作用域变量作为参数共享。弹出窗口包含一些操作数据的原型类，并返回AngularJS应用程序所需的对象。我对原型JS的控制微乎其微，因为该代码有点遗留。我尝试过通过jQuery从弹出窗口中选择Angular应用程序中的元素，但是这似乎不是解决这个问题的正确方法。如何在非AngularJS弹出窗口和AngularJS应用程序之间“共享”数据？
浏览 1提问于2015-03-10得票数 1
如果我执行以下操作，它将在新选项卡中打开窗口
<a [routerLink]="['/name', 'param1']" target="_blank" >{{ name }}</a>
我需要在弹出窗口中打开相同的路由，而不是新的选项卡。打开弹出窗口的Javascript代码如下所示
<a href="javascript:void(0);" onclick="window.open(url, '_blank', 'width=300,height=2
浏览 7提问于2018-02-02得票数 1
我在angular中使用angular2-multiselect-dropdown。我在弹出窗口中使用它。现在，当我单击一个按钮时，我希望弹出窗口在打开模式下显示下拉菜单。我不想再次选择其中的向下箭头。
<angular2-multiselect [data]="columns"
[(ngModel)]="selectedItems"
[settings]="settings"
(onSele
浏览 3提问于2019-04-01得票数 0
我正在开发一个使用angular和ionic的移动应用程序。我已经到达这一点，我需要能够显示两个不同的弹出式窗口，允许用户比较两个不同的弹出式窗口内的两个图像。 从下面的图像中，您可以看到一个弹出窗口的示例，其中使用按钮"Pin“，必须能够修复弹出窗口并允许用户打开另一个窗口。 ? ? 使用当前代码，我一次只能打开一个弹出窗口(实际上，当您单击弹出窗口的背景时，弹出窗口将关闭) async presentPopoverBali(event) {
const popover = await this.popoverController.create({
浏览 14提问于2019-07-01得票数 0
我正在研究Angular应用程序。我在页面上有两个角度日期选择器。现在，我可以在单击日期选择器图标和聚焦字段时打开日期选择器弹出窗口，但我的要求是日期选择器弹出窗口只有在用户单击日历图标时才可用。我不想在日期选择器字段的焦点上打开日期选择器弹出窗口。
浏览 3提问于2014-06-14得票数 0
我有一个使用jhipster生成的应用程序，其中有几个视图和一个显示产品详细信息的弹出窗口。我需要从任何视图打开此弹出窗口。弹出窗口实际上是使用angular-route在两个页面中指定父级打开的，这很好，但我需要为应用程序中的任何页面打开它，我认为这不是一个解决方案，为应用程序中的每个视图重复状态。
浏览 0提问于2016-11-04得票数 0
我正在开发一个使用Angular和AngularFire的Chrome扩展。我的问题是，当我使用signInWithPopup方法登录用户时，弹出窗口关闭，导致身份验证失败。 我知道当弹出窗口失去焦点时，我不能人为地使其保持打开状态，因此我被卡住了。 如果我打开保持弹出窗口打开的开发人员工具，登录和随后的重定向工作。 你知道如何解决这个问题吗？ 谢谢你。
浏览 16提问于2021-11-22得票数 0
回答已采纳
我有一个场景，我想显示弹出与无障碍投诉弹出。
第一个弹出窗口工作正常，如果我从第一个弹出窗口打开第二个弹出窗口，焦点仍然是第一个弹出窗口，它不会移动到第二个弹出窗口，你能帮助我吗？
我发现除了使用jquery bootstrap的参考文献很少，但我使用的是angular-ui-bootstrap。
提前谢谢。
浏览 1提问于2017-03-23得票数 1
我正在创建一个在angular中的应用程序，我必须在窗口的右下侧设计一个弹出窗口。有一个功能，我需要添加一个项目，它只需要两次输入，所以我不想打开一个新页面，而是想打开一个弹出窗口、对话框或底部工作表来接受输入。我需要一些建议，我应该在每个案例中使用什么。我试着分析，但不确定什么是最好的选择。在早期的angular版本中有面板的概念，但我在angular 8或9中找不到sach面板。提前感谢
浏览 32提问于2020-04-27得票数 1
我按照这个窗口添加了ngx-smart-modal 。
一切都很顺利，除了组件在页面上打开，而不是在Lightbox模式弹出窗口中打开。
这个例子使用的是Angular 4。
有没有人在Angular 6中成功地使用过这个模块？
浏览 33提问于2018-08-30得票数 4
1回答
在web应用程序中，登录后，用户会看到一个页面，其中有一个按钮可以打开css弹出。它可以工作，但是当我将项目放在phonegap中并使用ngRoute时，弹出窗口就不起作用了，因为它总是在登录页面中返回。
当用户第一次登录时，除了一个打开弹出窗口的按钮外，他将被发现所有被禁用。当他关闭弹出窗口时，他可以继续浏览。为此，我保存在cookie弹出状态。
这是主页中的弹出窗口：
<div class="icon-wrapper">
<a href="#popup" ng-click="open();"><img
浏览 5提问于2016-02-23得票数 0
回答已采纳
我使用window.open(MyURL，title，options)在angular 2中打开了一个新窗口。当这个弹出窗口关闭时，我需要一个回调。angular 2中的新特性。
提前谢谢。
浏览 2提问于2017-06-06得票数 0
2回答
我试图在框悬停时将::before ::after css选择器定位为弹出模式，但当我单击框并打开模式时，箭头类被附加。 我试着移除这个类 elRef.nativeElement.queryselector(".arrow").remove() 还添加了display none类 elRef.nativeElement.queryselector(".arrow").classList.add("hide")
.hide{
display: none
} 我希望将箭头附加到框中并打开弹出窗口，而不是单击框并打开弹出窗口 可重
浏览 19提问于2019-10-04得票数 0
回答已采纳
我在angular 6的CRUD中工作。我的工作是点击表格中的编辑按钮，在表格中填充数据，然后弹出窗口显示并编辑它，表格使用angular 6进行更新。
请帮忙，提前谢谢。
我尝试添加按钮，如下所示
弹出窗口显示已打开但未打开
HTML代码：
<td class="tbl2">
<button type="button" (click)="OnClickFunction(employee.id)" class="btn btn-info" matTooltip="Click Edit Button&
浏览 2提问于2019-06-19得票数 0
我使用Anguar-Ui Bootstrap
我已经实现了来自Angular UI的"Accordion“，现在我想在这个Accordeon中添加来自Angular UI的弹出式DatePicker。问题是，如果我在Accordeon中点击日期，它会打开弹出窗口，这样我就可以选择日期，但它会在Accordeon中打开弹出窗口。此弹出窗口是否有可能是在折叠窗口之外打开的？折叠窗口太小，无法显示整个日期选择器。
我希望你能理解我的意思..
代码如下所示，datePicker的控制器与Angular UI示例中的控制器相同：
<accordion close-others="
浏览 2提问于2014-05-05得票数 2
我在同一页上有不同的弹出窗口，通过点击弹出窗口打开文本区。通过使用ng-model，我试图用不同的弹出窗口和不同的文本区来获取Item.description。
<div id="popover">
<textarea ng-model="$ctrl.test.item.description" cols="4" rows="5"></textarea>
</div>
预期的结果：-从Json对象中，它应该根据我保存的不同的弹出窗口获取不同的描述。
应该只使用angular。
浏览 9提问于2016-10-19得票数 0
1回答
我在我的Angular应用程序中有一个网格，其中行中有按钮，单击按钮时，它会打开相应的弹出窗口。我已经创建了一个具有BehaviourSubject属性的服务，即popupEventSubject$。 我面临的问题是，当我打开和关闭行中的一个弹出窗口，然后打开另一个弹出窗口时，前一个弹出窗口与当前弹出窗口一起打开。我怀疑的问题是，由于RxJS中的Subjects发出先前的值(当订阅时)，在我的例子中，BehaviourSubject维护先前事件的队列，并且当调用subscribe时，它显示队列中的所有事件，即打开先前的弹出窗口。 那么，有没有办法清除正在创建的“队列”呢？ 理想情况下，我希望
浏览 10提问于2019-12-25得票数 0
在打开$modal弹出窗口时，我有一个控制器方法。现在，如果我关闭我的弹出窗口，那么我需要我的控制回到我打开弹出窗口的函数。
这是我的控制器
angular.module('TechHealApp').controller('Dashboard', function ($scope,$modal) {
$scope.openPopUp = function (templateUrl, controller, size) {
var modalInstance = $modal.open({
templat
浏览 2提问于2015-12-04得票数 1
回答已采纳
我在angular material对话框中添加了google reCaptcha。但当reCaptcha打开验证弹出窗口时，它会显示在表单上方，如图所示。 ? 我还发现，每当mat对话框打开时，它都会在html标记中添加负边距。如果我去掉空白处，验证码弹出窗口会显示在正确的位置，但是mat对话框不能正确显示。我很困惑如何让这两个弹出在正确的地方。
浏览 20提问于2019-02-27得票数 8
有没有办法从NativeScript库中打开iOS操作扩展？
基本上，我试图打开一个文本文件，这样我就可以上传到iCloud，Dropbox或通过电子邮件发送它。基本上就像Android上的“意图”。
NativeScript实现了一个名为utils.ios.openFile(this.documents.path + this.fileName)的函数，但这将打开一个带有共享按钮的新窗口。当我按下此按钮时，操作扩展弹出窗口打开。可以直接打开弹出窗口吗？
一个TypeScript/Angular解决方案会很棒。
浏览 11提问于2018-01-15得票数 0
回答已采纳
angular-material中的autocomplete组件在MatDialog组件中未按预期工作。autocomplete组件中的drpodown部分不能粘贴到输入字段。
stackblitz链接-
重现--转到stackblitz上面。点击“打开弹出窗口”按钮。单击"Pick One“自动完成字段。选项将以下拉列表的形式打开。然后滚动弹出窗口的bodu。请注意，autocomplete组件的下拉列表部分并不固定在输入字段中。我该如何解决这个问题？
浏览 1提问于2018-12-14得票数 3
如果在时髦的窗口弹出窗口中显示动态内容，如何重置mapView？
当我们单击标记打开snazzywindow模式时，它将填充详细信息，第一次地图视图未正确设置为模式的完整视图，但当我们第二次打开时，地图视图将调整为弹出窗口的完整视图
问题的stackblitz URL：
stackblitz代码：
在启动stackblitz url时，单击离浏览器顶部较近的一个标记，初始弹出窗口将不包含内容，但在基于模拟响应的秒数之后，Modal将填充正确的内容，但模式的完整视图将被阻止，但当再次单击该标记以打开窗口时，它将重新调整为完整视图
根据API的响应，计算出的内容将被粘贴到模式弹出窗口上，随后地图视
浏览 3提问于2019-08-02得票数 1
1回答
我正在使用Ionic 2和角2进行应用程序开发。我使用ionic-angular modal.I创建了弹出窗口，我需要使用离子导航( push )方法从弹出窗口导航到其他页面。但是它不能在我的终端上工作。下一个页面是在同一个组件中加载。
我的代码
打开弹出式窗口
openModal() {
let myModal = this.modalCtrl.create(CreateModal);
myModal.present();
}
此函数将打开弹出窗口。在弹出html中，我使用了单击函数。
<h2 (click)="goTonext(
浏览 2提问于2017-05-08得票数 0
回答已采纳
9回答
我试图同时打开多个链接在谷歌Chrome的新标签，但它失败了。
问题：
被弹出式窗口阻塞
在用户允许弹出后打开新窗口而不是选项卡。
使用，我可以在火狐中同时打开多个链接：
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8">
<title>AngularJS Plunker</title>
<script>document.write('<
浏览 14提问于2014-06-23得票数 24
回答已采纳
1回答
自动打开弹出并防止浏览器阻止它。
、、、、
当我的页面加载时，我需要调用一个函数(它将打开一个弹出窗口)。
如果我想打开弹出窗口，函数应该由用户事件(单击或其他什么)调用。
我试图模拟click事件，但它不起作用。正在调用该函数，但未创建任何click事件。
例如，我尝试使用角来执行以下操作：
var element = angular.element("<div ng-click='MyFunction()'></div>");
compiled = $compile(element)(scope);
$timeout(functi
浏览 3提问于2016-06-19得票数 0
回答已采纳
1回答
当用户再次尝试打开相同的弹出窗口时，我需要从基本窗口触发一些事件到弹出窗口，这是一个齿轮图标下拉列表。有什么不同的方法可以处理这个用例？我尝试使用一个服务，但是由于基本窗口和弹出窗口是不同的角度应用程序，所以它创建了一个不同的服务实例。
import { Injectable } from "@angular/core";
import { Subject } from "rxjs";
@Injectable()
export class ServiceMessage{
subscribers: any = [];
private subject =
浏览 4提问于2022-04-04得票数 0
回答已采纳
我在网格单元格上使用append-to-body="true“属性有多个弹出窗口。当我向下滚动网格时，我想以编程方式隐藏弹出窗口。
目前我正在使用这个代码来隐藏它们
function closeAllPopOvers() {
var popups = document.querySelectorAll('.popover');
if(popups) {
for(var i=0; i<popups.length; i++) {
var popup = popups[i]
浏览 2提问于2017-07-11得票数 0
回答已采纳
弹出窗口可以通过以下方式打开：
index.html
<button id="myid2"> myid2 </button>
<button id="myid3"> myid3 </button>
<a href="javascript:;" ng-click="showpopover('#myid2')">show popover myid2</a>
<a href="javascript:;" ng-click=&#
浏览 2提问于2015-01-07得票数 0
3回答
我正在使用angular4打印功能，我想在新选项卡中默认打开打印预览以及打印弹出窗口。我不知道如何将数据从父窗口传递到子窗口来做同样的事情。有没有人能提个建议？
浏览 0提问于2017-11-28得票数 0
<a class="seecode_button" href="#{{w.CouponID}}" ng-click="newwindow(w)" data-toggle="modal" data-target="#{{w.CouponID}}">CLICK Here</a>
$scope.newwindow = function(w) {
$window.open(w.LandingPageURL, '_self');
$window.open('#
浏览 6提问于2014-08-09得票数 1
1回答
我正在使用UI-Bootstrap作为我的angular应用程序的一部分。
我添加了一些简单的弹出框来加载HTML模板文件。
弹出位置设置得很好，但是一旦我尝试调整窗口大小，弹出位置就不会更新。但是，如果我关闭弹出窗口并再次打开它，则会计算出新位置。
你知道什么会导致popover不计算新的位置吗?或者有什么建议可以解决这个问题吗？
简单的代码：
<div id="some-wrapper">
<div popover-is-open="isOpen"
uib-popover-template="histor
浏览 6提问于2016-06-22得票数 0
1回答
我有一个带有一些输入变量的PopupComponent (在Angular库中)，如下所示：
<lib-popup
[popupHeight] = "popupHeight"
[popupWidth] = "popupWidth"
[popupPositionX] = "popupPositionX"
[popupPositionY] = "popupPositionY"
>
</lib-popup>
现在我想把我的MapComponent插入到弹出窗口中，这样当我打开弹
浏览 2提问于2019-03-21得票数 0
回答已采纳
1回答
我的代码：
casper.waitForSelector('.single_like_button.btn3-wrap .btn3',
function success() {
this.click('.single_like_button.btn3-wrap .btn3');
}
);
返回值：
TypeError: 'undefined' is not an object (evaluating 'window.angular.version')
https://s.ytimg.com/yts/
浏览 3提问于2015-05-07得票数 0
在angular 4.3中，我想打开一个模式弹出窗口，并显示一个嵌入的pdf文件，如下所示：
我使用了弹出得很好的。我对模式的测试html如下所示：
<a class="btn btn-default" (click)="setContent();modal.show()">Show</a>
<app-modal #modal>
<div class="app-modal-header">
Testing pdf embedding
</div>
<div cl
浏览 2提问于2017-08-20得票数 5
回答已采纳
我正在尝试开发一个使用Angular7和.net核心应用程序接口的facebook身份验证。我需要打开facebook身份验证窗口，然后将访问令牌传递给后端API。为了打开facebook弹出窗口，我应该使用facebook提供程序？“
signInWithFB(): void {
this.authService.signIn(FacebookLoginProvider.PROVIDER_ID).then(x =>
console.log(x));
}
浏览 0提问于2019-06-13得票数 0
我在Angular2中有一个需求，在这里我需要打开第一个弹出窗口，用户将输入一些值。在某些用户事件上，即单击按钮，我需要关闭该弹出窗口并打开另一个弹出窗口，该值由用户在第一个弹出窗口中预先填充。
我创建了一个，其中我创建了一个登录组件，它是我的第一个弹出窗口，而Home组件是第二个弹出窗口。在输入用户凭据时，它应该导航到主组件。我在这里被击中了，即如何将用户名值从第一个弹出传递到第二个，以及如何关闭第一个和加载第二个弹出框？
有人能帮我解决这个问题吗?让我知道在我的plnkr中需要做什么改变吗？
export class LoginModal implements CloseGuard, Mo
浏览 0提问于2017-06-11得票数 2
我对bootstrap使用了Angular指令。
我有一个弹出窗口，如他们的示例所示：
<button popover="Hello, World!" popover-title="Title" class="btn btn-default ng-scope">Dynamic Popover</button>
当您再次单击该按钮时，它将关闭。当用户单击任意位置时，我希望关闭它--以及任何其他打开的弹出窗口。
我没有看到一种内置的方法来做这件事。
浏览 4提问于2014-04-07得票数 8
我已经使用angular 7创建了一个示例PWA应用程序，一切正常。但是当我在android中安装我的PWA并试图在脱机模式下打开我的应用程序时，我收到了“无法连接到站点”的提示。根据angular pwa的说法，即使我们处于离线状态，我们仍然应该打开应用程序，对吗？ 预期结果： android中的Angular pwa应该会打开，即使我们处于脱机模式。 实际结果： 正在获取无法连接到站点弹出窗口
浏览 19提问于2019-06-08得票数 1
我有个问题。我试图使用Angular.js和Jquery动态打开一个弹出窗口，但它没有打开。我在下面解释我的代码。
<input type='button' class='btn btn-xs btn-green' value='View' data-toggle="modal" data-target="#" ng-click="viewSearchDetails(133);">
<div class="modal fade" id="viewdetail
浏览 1提问于2017-06-05得票数 0
回答已采纳
我有一个简单的项目列表，每个项目都有一个带有引导弹出的按钮。
1/我想确保每次只有一个弹出窗口是打开的--目前我可以点击每个按钮，并有多个打开/重叠的弹出。
[2]点击按钮的外部-当前打开的弹出-应该关闭。
下面是示例Fiddle：
var app = angular.module("app", []);
app.controller('my_controller', function($scope) {
$scope.all_countries = [{"id":28,"title":"Sweden"}
浏览 4提问于2014-08-27得票数 0
9回答
我打开了一个模态弹出窗口。我有无障碍要求。所以增加了ARIA相关的标签。但是，当我单击选项卡键时，继续聚焦到实际页面后面的页面。
在html文件中添加了role=“对话框”。
但是当模态打开时，我只希望焦点在模态弹出窗口中导航。
从事Angular4, HTML5项目。如果我们在HTML本身中找到一个解决方案，更好一些，。我的意思是没有添加任何javascript/jQuery相关的东西来防止这种
浏览 8提问于2018-05-04得票数 16
2回答
我正在构建一个相当大的angular应用程序，我的问题是内存泄漏导致页面冻结。在点击一个按钮时，我的应用程序打开一个弹出式窗口，(在自定义指令的帮助下)这个弹出式窗口的内容是动态追加的，弹出式窗口是用本地file.It中的$http调用的。
我使用了chrome开发人员工具，根据时间线给了我以下内容：
正如您所看到的，在渲染发生之前，计时器会触发很长一段时间。当用户执行多次操作(关闭弹出窗口并重新打开)时，执行此操作的时间会越来越长。除非他转到其他页面并返回或刷新page.So...我如何销毁所有以前的计时器，或者必须做些什么来收集garbage.Or，这是必须要做的其他事情。
浏览 0提问于2015-06-30得票数 9
我正在使用popover指令来显示popover。我的代码中有多个弹出窗口。但根据要求，我们只需要显示一次打开一个弹出窗口。在谷歌搜索之后，我发现我们可以使用$uibTooltipProvider.option (popover-mode : single)。但是我不确定如何在我的代码中使用它。我使用的是angular 1.5和typescript。我的弹出代码如下所示：
<span class="invoke-popup " popover-placement="left "
uib-popover-template="$ctrl.dy
浏览 0提问于2016-12-01得票数 4
在我的Angular应用程序中，当我右击必应地图时，我想打开带有输入文本框、按钮、标签的小弹出窗口。还希望在标签中显示该点的纬度和经度。
我知道如何在右击时打开contextMenu，但不知道如何打开带有纬度、经度和按钮单击事件的小窗体。
浏览 3提问于2018-06-06得票数 0
我想在excel文件中保存一个超文本标记语言表格，我使用了fileSaver for angular。但是当我下载该文件并试图打开它时，我收到了一个来自excel的恼人的弹出窗口，上面写着
“'report.xls‘的文件格式和扩展名不匹配。该文件可能已损坏或不安全。除非您信任其来源，否则不要打开它。是否仍要打开它？”
$scope.exportExcel = function(){
var data, table;
table = document.getElementById('tableReport').innerHTML;
data =
浏览 0提问于2016-04-29得票数 1
1回答
如何在从浏览器打开桌面应用程序时禁用警报弹出窗口。例如，在浏览器中输入calculator://之后，我们需要在angular typescript文件的帮助下禁用警告框。enter image description here
浏览 20提问于2021-10-26得票数 0
我无法在angular 7中显示页面加载的ng-bootstrap模式弹出窗口。 我已经尝试了下面的代码来打开它。 openVerticallyCentered(content) {
this.modalService.open(content, { centered: true });.
this.modalService.open(content, { beforeDismiss: false });
}
浏览 16提问于2019-06-18得票数 2
回答已采纳
我使用的是Angular UI Bootstrap popover ( )，我想指定一个回调函数在它打开时执行，另一个回调函数在它关闭时执行。我的用例是，我使用popover来包含一个数据网格的过滤器。我想在打开时加载一些远程过滤选项，只有在关闭弹出窗口时才应用所选的过滤器。
文档似乎只支持几个基本选项，但没有回调支持的迹象。我在源代码中也看不到任何东西。我唯一的选择是设置一个间隔函数来定期检查弹出窗口是否在DOM中可见？
我也在考虑Angular Strap的popover来达到同样的效果，但似乎也找不到在那里设置回调的选项。
浏览 1提问于2013-09-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
