问题标签 [ionic-popup]

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 投票
1 回答
1756 浏览

angularjs - 在 $ionicPopup 中绑定数据

当我点击数量时,它将在 ionicPopup 上设置当我点击数量时,它将在 ionicPopup 上设置

我想从我的数据库值中绑定数量,那么如何不能在 ionic Popup 中绑定值呢?任何帮助提前谢谢

0 投票
2 回答
791 浏览

angularjs - 角度 ui-select 选项不会在 ion-view 和 ion-modal-view 上滚动,但会在 ion-popup 上滚动

我的代码上有这个 ui-select。我正在用 Ionic 和 AngularJS 构建一个移动应用程序。

当我将此代码放在 ionicPopup 上时,我可以滚动选项列表以查看列表中的 20 个选项,但如果我将此代码放在页面上的 ion-view 或 ionicModal 中,我无法滚动浏览 20 个选项.

我不知道为什么会这样,我也想不出解决办法。它可以在网络上完美运行,但不能在移动设备上运行。

0 投票
0 回答
693 浏览

ionic-framework - IONIC 弹出对话框:如果模板 HTML 包含,则按钮位置错误标签

我想制作一个由弹出标题、弹出正文和弹出按钮部分组成的 IONIC 弹出对话框。弹出主体的内容是一个离子列表。

这是期望的结果:

期望的结果

我通过使用下面列出的模板 HTML 实现了预期的结果:

但是,上面的模板 HTML 代码存在问题。问题是当我在列表项上滑动时(例如,在每个项目上显示“删除”按钮),控制台上会打印一个错误,它显示为:“未捕获的类型错误:无法读取属性‘冻结’为空”。

我在互联网上进行了一些研究,并在以下位置找到了解决方案:'mhartington' 提出的“freeze reference on null”问题的解决方案。按照建议,我将模板 HTML 代码包装在 ion-content 标记中。这是更新的代码:

上述两个版本之间的唯一区别是 ion-content 标签。

ion-content 确实解决了“在 null 上冻结引用”问题,当我在列表项上滑动时,控制台上不再显示错误消息。但是,出现了一个新问题(我找不到任何解决方案):弹出按钮的位置似乎不正确。

如下图所示,在我将模板 HTML 包装在一对 ion-content 标记中后,在我看来,弹出正文(包含 ion-list)不再具有高度,这就是证明弹出按钮(“取消”按钮)位于弹出标题部分的正下方。

这是一个屏幕截图图像来显示我的意思:

弹出按钮位置不正确

所以,我的问题来了:在这里做我想做的事情的最好方法是什么?

1) 如果我不使用模板 HTML 中的 ion-content,如何避免“在 null 上冻结引用”问题?

2) 如果我必须将我的 HTML 模板包装在 ion-content 标记中,那么如何正确定位弹出按钮?

多谢!

此致,

克里斯

附言

这是我改变弹出窗口尺寸的CSS:

这是我用来在控​​制器中显示弹出对话框的代码:

0 投票
1 回答
1773 浏览

angularjs - 如何在打开一个新的之前关闭一个 $ionicPopup?

我正在创建一个带有表单和一些必填字段的 Ionic 应用程序。

当表单提交时,如果它无效,我会使用 Ionic 的 $ionicPopup 服务显示一条警报消息。

我的问题是:用户可以按“ENTER”或(Android 中的“Go”按钮)来调用表单提交并关闭弹出窗口,这会导致另一个弹出窗口打开。

您可以在这里看到这种情况:

示例代码

聚焦输入,按 ENTER,当显示错误消息时,再次按 ENTER 将其关闭。另一个弹出窗口将打开(很可能是因为背景后面的输入仍然具有焦点,或者可能是因为在表单中创建了模态 - 让 ENTER 再次调用提交)。

有什么办法可以避免这种行为?也许 $ionicPopup 中的 ENTER 关闭它而不再次提交表单,或者至少有一些代码可以在显示新的弹出窗口之前关闭任何活动的弹出窗口?因为当您打开多个弹出窗口时,如果您尝试使用鼠标(或点击)关闭消息,则会提示用户关闭所有其他对话框,然后再返回主屏幕。

我知道我可以尝试获取对弹出窗口的引用并调用 close() 方法,但它对我来说不太有效。最终,新警报在前一个警报完全关闭之前打开,并且背景永远卡在屏幕上。

感谢您的帮助。

0 投票
3 回答
3497 浏览

ionic-framework - 如何动态隐藏/显示离子弹出按钮

我正在进行我的第一个大型离子项目并且被卡住了。有人知道如何在离子弹出窗口中动态隐藏和显示按钮吗?我需要最初隐藏按钮,但是在发生某些事情后,按钮应该会显示出来。知道如何完成吗?

为了进一步解释,这里需要在 $ionicPopup 按钮内提供角度指令。例如

但是ng-disabled="user.length<1"在呈现弹出窗口时会被修剪。

0 投票
1 回答
2759 浏览

javascript - 离子 - 没有在工厂内的 $ionicPopup.show 中返回值 $scope

我创建了一个项目$ionicPopup。我把$ionicPopup代码放在一个.factory. 在我的$ionicPopup.show()我要求用户输入一个值。在用户已经输入值之后,它会提醒用户所写的值。

我还检查了以下帖子,但仍然无法解决我的问题Access scope inside an angular js factory

所以这是我的代码:

控制器

工厂

演示: http ://codepen.io/aishahismail/pen/pgpdGW?editors=101

你的帮助真的很需要。谢谢你。

0 投票
2 回答
1544 浏览

angularjs - 创建 ionicPopup 服务

我对离子非常陌生,而不是有角度的专业人士。我正在尝试为可以从控制器调用的弹出窗口创建服务。我正在使用一项服务,因为多个控制器可能需要使用弹出窗口,并且我可能需要不同类型的弹出窗口。我什至不确定这是正确的方法,请原谅我,但我正在尝试。我希望该服务将已单击哪个按钮(确定/取消)传递回控制器,以便可以添加或不添加案例。

非常感谢。

弹出服务

});

控制器

0 投票
1 回答
491 浏览

angularjs - Angular - 使用模板作为多个模板的容器

这是一个快速的问题:

是否有可能拥有一个模板,其中您有多个模板并在需要时调用您需要的模板?

让我更好地解释一下:

我有一个我这样称呼的模态:

如您所见,我使用的是外部模板。

问题是,每次我的模态需要更改时,我都需要创建不同的模板。

我想做的(如果可能的话)是能够在内部创建各种子模板modal.tpl.html并以正确的模式调用它们。

这是一些示例代码:

modal.tpl.html:

并从控制器中,像这样调用它们,例如:

这是纯粹的虚构,还是有可能?是否有其他解决方案可以解决此类问题?

0 投票
1 回答
807 浏览

angularjs - 未知提供者:$ionicPopup

我正在 Ionic 应用程序中实现全局错误处理。我想收到一个 IonicPopup 告诉我发生了错误。对于 errorExceptionHandler,我基于现有解决方案创建了一个新配置,该解决方案将警报作为全局错误处理。

这立即导致以下错误。

angular.js:68 未捕获错误:[$injector:modulerr] 无法实例化模块应用程序,原因是:错误:[$injector:unpr] 未知提供程序:$ionicPopup

我在这里想念什么?

0 投票
1 回答
5131 浏览

angularjs - 离子点击确认弹出按钮打开另一个弹出窗口

在我的离子框架中,单击提交按钮会打开一个确认弹出窗口。

我想点击Yes It is! button显示另一个类似的弹出窗口。如何在单击一个弹出按钮时定位另一个弹出窗口。

查找Codepen 演示

我的控制器代码如下: