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

angularjs - 将角度模态范围与 $rootscope 分开以避免在编辑单个项目时触发摘要

我有一个用于协作和交互式数据库创建的非常复杂的应用程序,并且遇到了性能问题。该应用程序使用具有各种嵌套视图的 ui-router... 状态如下所示:

但是,其中的项目list view很多,并且依赖于一些复杂的过滤。我有一个(可能)丑陋的代码list view,看起来像这样,并提供生成过滤列表的主要 ng-repeat:

过滤器showItems是一个自定义过滤器,它需要大量自定义用户输入来执行以下操作:切换项目的颜色、按不同属性对项目进行分组、根据完成状态或用户 ID 过滤项目。groupBy过滤器来自角度过滤器。

我遇到的一个主要问题是,当我打开编辑项模式时,字段中的每次按键都会触发摘要循环,这会导致屏幕上出现的字符出现不可接受的长时间滞后。

list view我单击列表中的一个项目并使用一个服务来使用一个简单的 getter/setter 服务来存储活动项目,如下所示:

模态的控制器,在这种情况下DataItemEditViewController使用此服务来获取相关项目,然后将其绑定到视图:

我使用 Batarang 尝试找到问题的根源,我看到有一个观察者文本如下:

这可以运行多达 60 次以上(如果我输入几个单词)并且需要 1000 毫秒才能完成。

我的直觉是,解决这个问题的一种方法是以某种方式隔离我的模态 $scope - 或者至少是某种允许我在不触发这么多摘要循环的情况下处理该项目的方法......同时,我正忙着尝试使我的过滤器和代码(更普遍地)更有效率,但我觉得大多数这些修复(其中许多无疑是必需的)只会产生肤浅的效果。

我期待任何可用的指导,如果有帮助,我可以分享更多代码(其中有很多,所以我一直在尝试分享对我来说最重要的内容)。

提前致谢!

0 投票
1 回答
527 浏览

javascript - 在 uibmodal /route 中解决

我有这个代码:

它有效,但我不知道为什么。我已经阅读了解析的文档,应该是 map key : Stringkey : function

eval(id) 和 {..} 是整数和对象,而不是工厂函数,据我所知,Resolve 使用 angular.injector().invoke(),但在对象或整数上返回错误

但控制器正确解析objid。为什么它适用于对象或整数?医生有错吗?或 uibmodal 解析与路由解析不同?

0 投票
1 回答
485 浏览

angularjs - AngularJS:将参数传递给模态控制器的更好方法是什么?

我见过两种将参数传递给 的方法AngularJS Modal,一种是通过resolve绑定,另一种是通过scope绑定。我想知道一个是否比另一个更好,为什么?

解决绑定


范围绑定


0 投票
0 回答
120 浏览

angularjs - 如何从 Angular ui-modal 与 Robot Framework - Selenium 创建的模态中识别 DOM 元素?

如何从 $ ui-modal Angular 服务与 Robot Framework - Selenium 创建的模态中识别 DOM 元素?

我有几个模态,机器人框架无法识别它们。

当网页上发生事件时,会动态生成 HTML 的模式。

0 投票
0 回答
375 浏览

angularjs - 有没有办法使用“resolve”将 $uibModalInstance 注入到 uib modal 的自定义控制器中?

假设我有这个代码:

正如我以某种方式预期的那样,我收到以下错误:

错误:[$injector:unpr] 未知提供者:$uibModalInstanceProvider <- $uibModalInstance

如何在控制器中注入模态实例?我能做的最多的是:

但是这段代码闻起来很糟糕。有更清洁的选择吗?

0 投票
0 回答
390 浏览

angularjs - 如何关闭(不关闭)uibmodal?

有一个 uibmodal :

在模态外部单击时,它被关闭。我希望模式关闭而不是关闭(因为模式必须稍后重新打开)。

钍。

0 投票
0 回答
419 浏览

angularjs - 从 $uibmodal 返回表单的值不起作用

我有一个表格,您可以在其中创建患者。在该表单上,我有一个用于分配设备的输入框和一个用于打开显示设备列表的弹出窗口的按钮。我对列表中的每个设备都有一个按钮。当我单击列表中的设备之一时,我希望设备编号打印在患者创建页面的输入框中。

一、患者创建页面

在此处输入图像描述 患者创建控制器代码 -

单击选择设备后,将打开模式。这是它的样子

在此处输入图像描述

我有 html 和控制器文件

控制器有一个功能 selectThisDevice

当我在函数中记录设备对象时,它看起来很好。但是对于关闭方法,它说“无法读取未定义的属性'关闭'”。我想将设备序列号发送回患者创建控制器。我是新来的。有人可以帮我吗谢谢

0 投票
1 回答
3671 浏览

javascript - AngularJS Bootstrap Modal $modalInstance.dismiss 不是函数

当我单击模式上的取消按钮时,与模式模板上的 ng-click 绑定的 $modalInstance.dismiss 函数不起作用。

控制台一直在抛出错误:“$modalInstance.dismiss 不是函数”

模态模板:

主控制器:

模态控制器:

我花了大约 3 个小时来处理我的代码,查看 AngularJS Bootstrap UI 文档、几个 StackOverflow 线程和其他站点,但没有得到任何结果。任何帮助,将不胜感激。

0 投票
0 回答
500 浏览

angularjs - 如何使用 AngularJS 以编程方式关闭引导模式

我有一个选项卡视图,其中有一个打开模式的按钮。

模态是通过 ng-include 并通过引用其名称“addModal”打开的

这是我的模态代码:

在我的控制器里面

我可以通过使用数据目标来显示模态。我唯一的问题是如何在警报方法之后以编程方式在 submitBoaForm() 内关闭模式?

0 投票
2 回答
662 浏览

jquery - 如何在 Angular 模态窗口 ($uibModalInstance) 打开后运行代码?

我需要在模态窗口中响应某些事件。

以此CodePen为基础。假设一个(演示)需要在点击模态窗口中的 所有标签时提醒标签内容:

在此处输入图像描述

我在模态控制器中的代码无效