加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular 2检查元素可见性

发布时间:2020-12-17 18:05:30 所属栏目:安全 来源:网络整理
导读:如何检查屏幕上是否显示元素(或组件)? 在特定情况下,我在引导程序下拉列表中有一个组件,并且我希望我的组件仅在下拉列表打开时执行某些操作(但我不想使用对下拉项的引用). 解决方法 如果你还没有,我会使用ng-bootstrap,特别是NgbDropdown组件. https://ng-b
如何检查屏幕上是否显示元素(或组件)?

在特定情况下,我在引导程序下拉列表中有一个组件,并且我希望我的组件仅在下拉列表打开时执行某些操作(但我不想使用对下拉项的引用).

解决方法

如果你还没有,我会使用ng-bootstrap,特别是NgbDropdown组件.

https://ng-bootstrap.github.io/#/components/dropdown

它有一个openChange事件,当菜单打开或关闭时会触发该事件,您可以监听该事件并触发自己的逻辑.

它还有一个isOpen方法,您可以检查菜单是否打开.

如果这些选项不起作用,您可以禁用下拉按钮本身,并创建自己的按钮以切换下拉列表并使用手动触发器打开菜单并启动自定义逻辑,并停止逻辑并关闭菜单,虽然要小心使看起来像标准的界面元素以一种奇怪的方式表现,因为这会使用户感到困惑.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读