在模态弹出窗口中使用时，Mat分页器无法正常工作

在模态弹出窗口中使用Mat分页器时，可能会遇到无法正常工作的问题。这是因为Mat分页器需要在页面加载时计算元素的高度和位置，以便正确地显示分页器。然而，在模态弹出窗口中，由于内容是动态加载的，分页器无法准确地获取元素的高度和位置信息，导致无法正常工作。

为了解决这个问题，可以尝试以下几种方法：

使用ngAfterViewInit生命周期钩子函数：在弹出窗口中，当内容加载完成后，可以在ngAfterViewInit生命周期钩子函数中手动触发分页器的初始化。这样可以确保分页器在正确的时机进行初始化，从而正常工作。
使用setTimeout函数延迟初始化：在弹出窗口中，可以使用setTimeout函数延迟一段时间后再初始化分页器。通过延迟一定的时间，可以确保内容已经加载完成，分页器可以正确地获取元素的高度和位置信息。
使用动态组件加载：将弹出窗口中的内容作为一个动态组件加载，而不是直接在模态弹出窗口中静态显示。通过动态组件加载，可以确保内容在加载完成后再进行分页器的初始化，从而解决分页器无法正常工作的问题。

总结起来，解决在模态弹出窗口中使用Mat分页器无法正常工作的问题，可以通过手动触发初始化、延迟初始化或使用动态组件加载等方法来解决。这样可以确保分页器在正确的时机进行初始化，从而正常工作。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc

在模态弹出窗口中使用时，Mat分页器无法正常工作

angular、angular-material、paginator、angular-material-paginator

我在一个模式弹出窗口中从API response中动态加载我的数据源，但它似乎总是未定义的分页器，因为我的viewChild MatPaginator在一个模式弹出窗口上，点击一下按钮就会打开。下面是我的代码截图从api响应设置数据源提前感谢！

浏览 6提问于2020-02-19得票数 0

1回答

角分页器分页页大小选项选择在页下

angular、typescript、select、mat-table、paginator

我在Mat中使用复制的分页器 [length]="dataSource?.data?.[pageIndex]="0" [pageSizeOptions]="[3, 5, 10]"> </mat-paginator&g

浏览 5提问于2021-03-24得票数 0

1回答

ajax和asp.net OnClick冲突

asp.net、asp.net-ajax

" runat="server" ImageUrl="~/images/Upload-icon.png" />当我有这段代码时，面板会弹出，但不会触发onClick事件，如果我去掉ajax扩展器，它会触发onclick事件，我可以同时拥有它们吗？

浏览 4提问于2011-02-25得票数 0

1回答

ChartJS内部模式/弹出窗口，图表显示0 0px高度

javascript、css、vue.js、graph、modal-dialog

当用户单击按钮时，我试图在模态窗口中显示一个图形。模态窗口设置为display: none;，直到单击按钮，然后将按钮设置为display: flex;。我创建了一个来演示这个问题。只需注释/不注释-注释模式内/外部的代码以查看。 “

浏览 3提问于2019-03-18得票数 0

回答已采纳

3回答

在Jquery模式弹出窗口中单击Asp.net按钮

jquery、html、asp.net、modal-popup

在我的asp.net应用程序中，我使用了Jquery的模式弹出窗口。在弹出窗口中，我有asp.net按钮。在其中我需要编写服务器端代码以将数据插入到数据库。但是当我点击按钮时，模式弹出窗口就会关闭。我想在点击按钮时保持弹出的模式是打开的。</div> </div>

浏览 5提问于2015-08-25得票数 0

1回答

我有一个弹出窗口，里面有一个脚本。该脚本应该通过单击“窗口”按钮来触发。但单击此按钮后，脚本将不运行。你能告诉我原因吗？单击主窗口中的按钮。打开包含简单窗体的子窗口。移动到子窗口，填写表单字段并单击submit按钮。预期结果：单击触发位于子窗口头部的脚本。脚本处理表单并提交它。因此，问题是可以填充子窗口表单字段并单击表单按钮，但是通过链接<a href="javascript:submitMyForm();"&

浏览 4提问于2021-03-20得票数 0

1回答

AJAX中的UserControl另一个UserControl中的ModalPopupExtender

asp.net、vb.net、user-controls、asp.net-ajax、modalpopupextender

在其他.aspx页面中，我在ModalPopupExtender中使用相同的用户控件，它工作正常，所以我认为错误不是由它引起的。只有当用户控件和ModalPopupExtender在另一个控件中使用时，它才会失败。这个配置可以正常工作:我可以使用我的用户控件，只有在必要的时候弹出窗口才会关闭。所以唯一的问题是，当我尝试使用用户控件时，弹出窗口被关

浏览 0提问于2012-09-26得票数 1

1回答

使用SafariBrowserWindow类打开和关闭大小大小的弹出窗口

javascript、ipad、safari、cordova

在正常的浏览器世界中，这是非常简单的功能--我想弹出一个给定宽度和高度的窗口，并且简单地关闭它，即使是像“关闭窗口”锚一样蹩脚的东西。事实证明，苹果正在鼓励打开新浏览器窗口的另一种方法: SafariBrowserWindow类，它的方法我似乎无法正确编码。一旦我"PhoneGap“了我的正常窗口。打开/关闭Xcode的功能，window.open函数就能工作，

浏览 2提问于2010-09-01得票数 1

2回答

当脚本中存在.modal.close()；时，SimpleModal中断

simplemodal

我在SharePoint ContentEditorWebPart中使用SimpleModal，它工作得很好。但是，我希望以编程方式关闭窗口。我已经使用$.modal.close()尝试了这里提出的解决方案的不同变体：但是，如果我将"$.modal.close();“放在脚本中的任何位置，SimpleModal就会停止工作...我的模态弹出框的文本显示在屏幕上，弹出框完全不再出现。就好像我根本没有使用SimpleModa

浏览 1提问于2010-12-07得票数 1

1回答

UIModalPresentationCurrentContext和willRotateToInterfaceOrientation

ios、uiviewcontroller、uiinterfaceorientation、autorotate

我有一个模式视图控制器(让我们称它为弹出视图控制器)呈现在我的主视图控制器之上。在某些情况下，我需要看到弹出窗口背后的主视图控制器。因此，当弹出视图控制器以模态方式呈现时，如果设备方向发生变化，则不会调用willRotateToInterfaceOrientation:和didRotateFromInterfaceOrientation如果我将'modalPresentationStyle

浏览 0提问于2013-03-28得票数 3

1回答

如何在打开物料弹出窗口时将数据传递给组件

angular、typescript、angular-material

我有一个组件包装器弹出窗口(角度材料MatDialog)。在这个组件中，我使用ngComponentOutlet动态显示子组件。popup-shell.component.html <div class="popup-shell) public data) {} 当角度打开弹出窗口时，我在数据字段中传递关

浏览 3提问于2021-05-24得票数 0

1回答

在UIPopover中显示ABPeoplePickerNavigationController

iphone、objective-c、ios、ipad

在该堆栈的第二个视图中，我希望在弹出窗口中以模态方式显示一个ABPeoplePickerNavigationController。我让它正常工作，但是当我关闭modalViewController时，UIPoover的原始导航控制器就从弹出窗口中消失了。有没有办法让它正常工作？

浏览 0提问于2011-06-29得票数 4

回答已采纳

1回答

Lightbox图片库不适用于移动网站。

javascript

我也在移动版本中使用同样的。但是，在移动浏览器中，没有打开和显示“照明盒”弹出。它有时会起作用，在另一场合永远也不会起作用。这个问题的原因是什么？在内容字段显示中使用Lightbox2: lightshow:thumbnail->original，我使用了其他选项，但显示了相同的问题。在使用了彩色框之后，它正常工作，但是当我们关闭弹出窗口时，父窗口是空的，并

浏览 0提问于2013-07-07得票数 0

8回答

Ruby on Rails有哪些好的弹出对话框

javascript、ruby-on-rails、user-interface、modalpopups

我想在Ruby on Rails的web应用中使用模态弹出窗口。请注意，我不想创建一个新的浏览器窗口，而是在现有网页中创建一个子窗口。我们已经尝试了像TinyBox这样的东西，但是从控制器内部返回错误信息存在问题。有没有什么好的方法或工具可以在ruby中很好地工作？

浏览 0提问于2008-10-01得票数 13

回答已采纳

1回答

jquery对话框中的彩色框结果到最大调用堆栈大小超过错误。

javascript、jquery、jquery-ui、colorbox

我正在使用jquery-ui和它的dialog功能显示模态对话框在我的网页应用程序。工作正常。 overla

浏览 3提问于2016-01-14得票数 5

回答已采纳

3回答

activex和aspx页面的问题

asp.net、activex

所以我已经构建了activex控件，当我在html页面中使用它时，它工作得很好。由于某种原因，它在aspx页面中使用时不能正常工作。当控件出现在aspx页面中时，提供给我包含控件的权限弹出窗口将不会出现。当我尝试在调试模式throguh visual studio中使用页面时，以及在键入页面的url并通过iis输入它时，都会出现此问题。有什么想法吗？编辑:当我通过iis打开htm

浏览 3提问于2009-08-03得票数 0

1回答

在弹出窗口中选择数据并将该值发送到主页

java、jsp、spring-mvc

我遇到了一种情况，无法解决它。我有一个带有按钮的JSP表单。当点击此按钮时，将打开一个弹出窗口，其中包含员工代码和员工姓名的表列表(select * from database)。我不知道如何绑定用户选择的行并发送到控制器

浏览 0提问于2014-11-15得票数 0

1回答

模态对话框中的CKEditor和elFinder

javascript、ckeditor、modal-dialog、elfinder

我跟踪了这个：对于“模态集成”，我遵循了以下线索：window.opener.CKEDITOR.to

浏览 1提问于2013-05-09得票数 1

6回答

动态调整引导中的模态对话框的大小

javascript、css、modal-dialog、twitter-bootstrap-3

我有一个Modal弹出(引导)，它显示基于用户选择的内容 PlayerMP.getFunctionalDetails = functionSessionExpired=1";}); 第一种情况有一个表，它应该显示在模态弹出窗口中，但该表位于模态窗口之外(模态窗口的宽度有问题，但table-responsive似乎正常<em

浏览 4提问于2013-10-16得票数 8

回答已采纳

4回答