问题标签 [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 投票
2 回答
1009 浏览

angularjs - Angular/Ionic:完成后更改输入焦点

为了让用户登录我的应用程序,我通过 SMS 向他们发送了一个代码(6 个数字)。回到应用程序时,我会显示一个弹出窗口,以便他们输入上述代码。我想有 6 个输入(maxlength=1)以获得更好的设计。这是我想要的视觉效果:

在此处输入图像描述 弹出窗口有我的(到目前为止)HTML模板:

此模板的 CSS :

以及负责显示弹出窗口的控制器:

为了让用户不讨厌我并实际登录应用程序,我想实现一种指令,如下所示: - 弹出窗口打开时关注第一个输入 - 每次完成前一个输入时关注下一个输入 - 关注上一个输入每次删除下一个并按下退格键

提示:我已经尝试将背景图像放入输入中以模拟这种行为,但它没有显示在手机上。

我正在使用 Angular 1.5.3

0 投票
5 回答
16471 浏览

ionic-framework - Ionic 2 警报自定义

我想在 Ionic 2 中自定义我的警报。我知道我可以在 variables.scss 中全局执行此操作,但我想在特定页面中修改特定的警报。

我在警报代码中尝试了 cssClass,我尝试了其他不同的东西,它们有效,但在全球范围内,不是针对特定的。

有什么办法吗?

0 投票
0 回答
81 浏览

ionic-framework - Ionic Creator-Listitem 图标用 item-body 覆盖

我正在https://creator.ionic.io/上创建布局。我在包含listitem带有 class 的图标时遇到问题item-body。我正在item-body上课,因为我的内容超出了边界,如果我item-body在列表项中写课程,那么图标上的文本会被覆盖。

有没有人找到解决这个问题的方法或者有没有人遇到过同样的问题?

请点击此处查看图片..

0 投票
1 回答
392 浏览

cordova - 从 .run 中的事件监听器调用控制器中的函数

使用 Ionic v1,当我的 app.run 中的事件侦听器触发时,我试图在我的控制器中调用一个函数。该事件由检测耳机插孔变化的 Cordova (Phonegap) 插件创建。

我一定做错了什么,因为我找不到有效的解决方案。这是我的例子:

当感应到耳机插孔时,我试图关闭在我的控制器中创建的离子弹出窗口。

0 投票
1 回答
341 浏览

ionic-framework - Ionic 1:链接在弹出内容中不起作用

我在弹出内容中使用离子弹出窗口,我想要一个可点击的链接。问题是我创建的链接不起作用。不能点击它们。我的代码如下:

有什么方法可以让用户单击该链接并转到 Google?

非常感谢!

0 投票
1 回答
369 浏览

cordova - 单击设备返回时会多次创建离子弹出窗口

我编写了一个函数来在单击设备返回时打开离子弹出窗口,问题是只要我多次单击设备返回,弹出窗口就会被创建多次并保留在 DOM 中。如何关闭以前的弹出窗口并再次创建一个新窗口?

应用退出弹出窗口:

注册返回功能:

我错过了什么吗?

0 投票
1 回答
123 浏览

angularjs - $ionicPopup.show 按钮 onTap 功能未在 Angular Jasmine 单元测试中得到覆盖

当我在单元测试规范文件中调用 outOfMvp() 函数时,除了 onTap 函数之外,函数内的所有内容都得到了覆盖。我想知道如何在我的单元测试中覆盖按钮的 onTap 函数,该函数位于 $ionicPopup.show() 方法中传递的 JSON 对象中?

这是js文件中的函数:

规范文件中 outOfMvp 函数的单元测试:

outOfMvp 函数的覆盖率 html 文件: 在此处输入图像描述

0 投票
1 回答
327 浏览

angularjs - Ionic 1 - 状态更改后弹出窗口无法正常工作

我在一个特定的控制器中定义了一个 $ionicPopup,比如 Controller-1。当我通过将状态更改为 $state.go('xxx.xx.xx') 从任何其他不同的 Controller-X 移动到 Controller-1 时,$ionicPopup 无法按预期工作。但同时,如果我第一次打开 Controller-1,$ionicPopup 工作正常。状态变化导致问题。如何解决?

Controller-1 中 $ionicPopup 的代码是:

如果我第一次直接从 Controller-1 启动它,它会按预期工作: 屏幕截图 - 正常情况

但是,如果我通过使用 $state.go('xxx.xx.x') 的状态更改从任何其他状态移动到 Controller-1,它会显示损坏的输出: 屏幕截图 - 失败案例

0 投票
0 回答
78 浏览

angularjs - 一段时间后关闭离子弹出窗口:下次显示时删除弹出样式

我正在使用 AngularJS,ionic1。我的应用程序中有一些功能在一定时间后运行并显示成功弹出窗口。我为此使用$ionicPopup.alert。在特定时间后关闭弹出窗口时,它可以正常工作,但是下次显示时会删除弹出样式。
这是我的测试代码:

并关闭弹出窗口: