问题标签 [angular-ui-modal]

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 回答
26497 浏览

javascript - 在模态关闭后捕获 Angular Bootstrap UI $uibModal 关闭事件

我正在使用 $uibModal.open 从另一个控制器打开一个模态窗口,并且需要在模态窗口完全关闭时(而不是在关闭期间......)得到通知,以便我能够运行一个函数。

打开modal的代码如下:

我看到了一些建议使用的解决方案:

问题是函数回调是在模态窗口实际关闭之前调用的(当模态窗口仍然打开时),这不是我想要的行为,因为它意味着它捕获“关闭”事件而不是“关闭”模式的事件。

有没有一种简洁而简单的方法来实现这一点?如果不是,我会感到惊讶,因为这种行为在地球上的任何 UI 框架中都很常见......

请帮忙!

0 投票
0 回答
345 浏览

angularjs - {{...}} 中的 uibModal 没有输出

在使用输入创建表单模式后,它的工作正常。但是现在要删除的简单模式什么也没显示。

HTML

控制器

它正在获取 selectedKey 并将其删除。但是在我的模态中,没有这个键的输出来显示现在选择的。正如你所看到的,我在 .html 中尝试了几件事作为 {{with controller/without}}。在 .js 中发送 selectedKey 作为解析。将其注入控制器等。

我在哪里错过了什么或做错了什么?

解决方案:

控制器

HTML

0 投票
1 回答
1226 浏览

angularjs - 如何从 UI Bootstrap Modal 访问父函数?

我正在尝试使用 UI Bootstrap 模态,而不是常规的 Bootsrap 模态。我在父控制器中有一个 $scope.DoIt = function() ,但是当我尝试从模态调用它时,什么也没有发生。

我究竟做错了什么?

如何访问父控制器中的功能?

这是我打开模式的方式:

0 投票
0 回答
106 浏览

javascript - UI Bootstrap 模态文本不显示

我有这个 Angular 项目,在登录页面上有一个下拉菜单,您可以在其中登录或注册。当您单击注册按钮时,它会打开一个允许您输入信息的模式。问题是我放在模式中的任何文本都没有显示出来。显示按钮内的文本,但不显示任何其他文本。有任何想法吗?

登录页面模板

模态模板

打开模式的登录控制器

模态控制器

0 投票
0 回答
148 浏览

angularjs - angular: 带有 promise-ajax 和 $uibModal 的注入器

我有一个共享的 ajax 方法返回承诺。我正在尝试使用 $uibModal 弹出窗口。Ajax 调用工作正常,但是当我完成 ajax 时弹出窗口不会关闭。对于 ajax 调用,在这种情况下它是否同步对我来说并不重要,我只想在从 ajax 调用中获得值后关闭弹出窗口。我猜这个弹出窗口是不可见的,但也许是别的东西。我对角度有点陌生,也许这里有角度的技巧。我想解决这个问题。非常感谢您的时间。
我的共享ajax方法是这样的:

这是使用上述方法的控制器:

0 投票
1 回答
437 浏览

angularjs - 模态内的角度 ng-repeat

我有一个链接,点击它会打开一个模式。我正在使用角度 ui 模态。在模式内部,我有一排有两个输入和一个添加按钮。单击添加按钮时,会添加一个新行,其中包含我在输入中输入的文本。我有一个关闭模式的完成按钮。再次打开模式时,我新添加的行丢失了。

0 投票
1 回答
298 浏览

angularjs - $uibModal 的性能问题(角度 JS)

我们看到 $uibModal.open 的性能问题,打开新模态大约需要 40 秒。任何人都知道为什么要花时间打开一个模态..?

0 投票
3 回答
1078 浏览

angularjs - 无法使用 AngularJS 将参数传递给我的 ui 模态

在我的 angularJS 应用程序中,我试图将参数传递给模态弹出窗口,以便在单击模态链接时,会在弹出窗口中显示一个名称。模态链接来自一个自定义指令,该指令从外部服务获取名称列表。

我已经尝试按照本教程使用 Bootstrap UI 创建 Angularjs 弹出窗口以及$uibModal的文档,因为该教程有点过时了。

我可以让模态 PopUp 和控制器工作,但我不能向它传递参数。

我在Plunker上复制了这个问题。

这个问题是我无法将titlename参数传递给popupControllerfromlistings指令(请参阅Plunker 中的 script.js)。我认为我的决心设置不正确。在 Chrome 中设置调试器后,我可以看到到目前为止的titlename值。

但它不会传递给popupController. 在下面的代码中,titlename具有值undefined

知道为什么会发生这种情况以及如何解决吗?这是resolve在 AngularJS 中使用的正确方法吗?

0 投票
1 回答
546 浏览

javascript - UI Bootstrap 模态承诺和控制器范围

我是 AngularJS 的新手,在项目中使用 UI Bootstrap。一旦模式(包含条款和条件文本)关闭(但不是在模式被解除时),我想将我已阅读条款和条件复选框标记为选中。

我已经在https://angular-ui.github.io/bootstrap/上修改了一般示例,但是在使用 $scope.accept_terms 的值更新范围/视图时遇到问题。

我的模式打开/关闭很好,但复选框始终未选中。

HTML:

JS:

谁能指出我正确的方向?

0 投票
1 回答
736 浏览

html - angular-ui 模态最初并未隐藏

我正在关注这个angular recipes 页面,以便在我的 ui 中添加一个模态对话框。它建议了以下标记,我已将其添加到我的一个观点中。

我想看到的是我的观点,加上底部的“打开模式”按钮,没有别的。相反,我看到的是页面上已经可见的按钮和模式的内容。

食谱文档中的下一句话是:

请注意,即使我们没有明确指定它,模态对话框最初也是通过 modal 属性隐藏的。控制器仅处理按钮单击和 modal 属性使用的 showModal 值。

为什么我的模态标记最初在页面上可见?我想我已经正确安装了 angular-ui ......在我的 index.html 中:

在我的应用程序 JS 中: