问题标签 [ionic-popover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
14139 浏览

css - 离子弹出框:弹出框高度不适合内容

我想调整ionic-popover的高度以适应他的内容。我使用这个弹出框来显示一些信息:它们只包含 aion-header和 a ion-content

但是对于我想显示的几个文本来说,弹出框太大了:

离子弹出框:太多空白

我尝试使用 设置 ion-popover-view 高度height: auto;,但在这种情况下只显示标题栏。设置固定高度 ( height: 100px;) 正在工作(如此所述),但我想要一个取决于内容长度的动态高度。

CodePen 上的一个例子

0 投票
1 回答
81 浏览

javascript - ng-show 挂起我的整个应用程序

我遇到了一个奇怪的问题,当我试图将 ng-show 放入我的 popover.html 时,我的应用程序挂起。当我评论它时,我的应用程序运行良好。我真的没有明白我的代码中出了什么问题。

这是我的 popover.html :-

这是我在控制器中的功能:-

如果我评论这一行

,我的应用程序运行良好。

任何帮助将不胜感激

谢谢。

0 投票
0 回答
82 浏览

javascript - 当popover再次打开时,如何滚动直到选中的项目?

我有一个离子弹出框,我需要做的是,当我从弹出框中选择滚动后列表中最后一个的任何选项时,选择后弹出框关闭,但是当我再次重新打开该弹出框时,它再次将我带到滚动的顶部,当我再次打开它时,我想滚动到弹出框中的选定项目?

这是我的html:

请帮助我得到答案

0 投票
2 回答
708 浏览

javascript - 离子弹出框,TypeError:无法读取属性“显示”

我有一个导航按钮,应该显示一个弹出框

这是控制器

但是当我点击导航按钮时,我面对TypeError: Cannot read property 'show' of undefined at Scope.$scope.openPopover

这是我在同一个项目文件夹中的模板

0 投票
2 回答
616 浏览

javascript - Ionic Popover 在打开时“冻结”

我有以下非常简单的 Ionic 弹出框代码:

html (main-view.html)

html (my-view.html)

控制器

这里的问题是每当我运行ionic serve代码时都可以正常工作,但是当我点击刷新并且离子服务器仍在运行并再次打开弹出窗口时,closePopover()它根本不起作用。即使我会在其中添加一个 html 链接来打开其他网站,它也不起作用。

如果我关闭离子服务器然后再次重新打开它,只要我刷新页面,它就会再次工作。

可能是什么问题呢?

我检查了ion-close组件单击侦听器,一切似乎都很好。$ionicPopover每当用户打开弹出框时,我都尝试重新创建实例化,但没有任何效果。

感谢所有帮助。

0 投票
5 回答
3702 浏览

ionic-framework - 离子应用程序在弹出框和模式关闭后冻结或停止工作

我有一个离子应用程序,它有一个侧面菜单、一个弹出窗口和一个模式。

  • 在一个页面中,有一个网格表。

  • 用户可以选择一行来突出显示它。

  • 然后,用户可以打开弹出窗口并查看或编辑该行。

  • 选择视图或编辑后,将打开一个模式。

  • 在模态中,可以点击右上角的取消按钮来关闭模态。

  • 关闭模式后,应用程序不再读取所有点击、触摸、滑动等。

以下是 和 的popover代码modal

JS

HTML

0 投票
1 回答
1253 浏览

angularjs - ionic Popover 内容位置问题

我已经使用这个库https://github.com/alvarowolfx/ng-keypad实现了一个带有数字键的弹出框。当我单击输入字段时,会出现弹出框。但是,有时popover内容的位置不正确。你能帮我么。

这是我的html:

在控制器中,

预期的,

在此处输入图像描述

有时会出现这个问题,

在此处输入图像描述

在此处输入图像描述

0 投票
3 回答
8546 浏览

ionic-framework - Ionic 2:如何从 Popover 组件调用父页面功能

我有一个带有打开 PopoverController 的按钮的页面组件。根据 Ionic Docs,popovers 的内容需要另一个特定的组件。

在主页中,我有一个需要从 popover 组件调用的函数,但我还没有找到如何访问“父母”方法。我试过了,@ViewChild但孩子是undefined

如您所见,我刚刚开始使用 Ionic 2 和 Angular,因此非常感谢您的帮助!

0 投票
2 回答
23010 浏览

ionic3 - 离子 3 将数据传递给弹出框

我无法使它工作。弹出调用代码是

我目前需要访问的部分是:

那么数据将如何在弹出页面组件中可用?

0 投票
1 回答
937 浏览

css - ionic 3中的样式弹出窗口

我已经花了很多时间试图让我的 popover 看起来像我想要的那样。

弹出窗口当前位于屏幕中央。但我希望它距离顶部 50 像素,宽度等于设备屏幕。现在宽度似乎是一些我无法改变的固定数字。

我不想在全局范围内更改它,所以我只需要它用于特定的弹出窗口。当前要启动的代码是:

语音弹出CSS:

弹出的html是: