问题标签 [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.
angularjs - 将角度模态范围与 $rootscope 分开以避免在编辑单个项目时触发摘要
我有一个用于协作和交互式数据库创建的非常复杂的应用程序,并且遇到了性能问题。该应用程序使用具有各种嵌套视图的 ui-router... 状态如下所示:
但是,其中的项目list view
很多,并且依赖于一些复杂的过滤。我有一个(可能)丑陋的代码list view
,看起来像这样,并提供生成过滤列表的主要 ng-repeat:
过滤器showItems
是一个自定义过滤器,它需要大量自定义用户输入来执行以下操作:切换项目的颜色、按不同属性对项目进行分组、根据完成状态或用户 ID 过滤项目。groupBy
过滤器来自角度过滤器。
我遇到的一个主要问题是,当我打开编辑项模式时,字段中的每次按键都会触发摘要循环,这会导致屏幕上出现的字符出现不可接受的长时间滞后。
从list view
我单击列表中的一个项目并使用一个服务来使用一个简单的 getter/setter 服务来存储活动项目,如下所示:
模态的控制器,在这种情况下DataItemEditViewController
使用此服务来获取相关项目,然后将其绑定到视图:
我使用 Batarang 尝试找到问题的根源,我看到有一个观察者文本如下:
这可以运行多达 60 次以上(如果我输入几个单词)并且需要 1000 毫秒才能完成。
我的直觉是,解决这个问题的一种方法是以某种方式隔离我的模态 $scope - 或者至少是某种允许我在不触发这么多摘要循环的情况下处理该项目的方法......同时,我正忙着尝试使我的过滤器和代码(更普遍地)更有效率,但我觉得大多数这些修复(其中许多无疑是必需的)只会产生肤浅的效果。
我期待任何可用的指导,如果有帮助,我可以分享更多代码(其中有很多,所以我一直在尝试分享对我来说最重要的内容)。
提前致谢!
javascript - 在 uibmodal /route 中解决
我有这个代码:
它有效,但我不知道为什么。我已经阅读了解析的文档,应该是 map key : String或key : function。
eval(id) 和 {..} 是整数和对象,而不是工厂函数,据我所知,Resolve 使用 angular.injector().invoke(),但在对象或整数上返回错误
但控制器正确解析obj和id。为什么它适用于对象或整数?医生有错吗?或 uibmodal 解析与路由解析不同?
angularjs - AngularJS:将参数传递给模态控制器的更好方法是什么?
我见过两种将参数传递给 的方法AngularJS
Modal
,一种是通过resolve
绑定,另一种是通过scope
绑定。我想知道一个是否比另一个更好,为什么?
解决绑定
范围绑定
angularjs - 如何从 Angular ui-modal 与 Robot Framework - Selenium 创建的模态中识别 DOM 元素?
如何从 $ ui-modal Angular 服务与 Robot Framework - Selenium 创建的模态中识别 DOM 元素?
我有几个模态,机器人框架无法识别它们。
当网页上发生事件时,会动态生成 HTML 的模式。
angularjs - 有没有办法使用“resolve”将 $uibModalInstance 注入到 uib modal 的自定义控制器中?
假设我有这个代码:
正如我以某种方式预期的那样,我收到以下错误:
错误:[$injector:unpr] 未知提供者:$uibModalInstanceProvider <- $uibModalInstance
如何在控制器中注入模态实例?我能做的最多的是:
但是这段代码闻起来很糟糕。有更清洁的选择吗?
angularjs - 如何关闭(不关闭)uibmodal?
有一个 uibmodal :
在模态外部单击时,它被关闭。我希望模式关闭而不是关闭(因为模式必须稍后重新打开)。
钍。
javascript - AngularJS Bootstrap Modal $modalInstance.dismiss 不是函数
当我单击模式上的取消按钮时,与模式模板上的 ng-click 绑定的 $modalInstance.dismiss 函数不起作用。
控制台一直在抛出错误:“$modalInstance.dismiss 不是函数”
模态模板:
主控制器:
模态控制器:
我花了大约 3 个小时来处理我的代码,查看 AngularJS Bootstrap UI 文档、几个 StackOverflow 线程和其他站点,但没有得到任何结果。任何帮助,将不胜感激。
angularjs - 如何使用 AngularJS 以编程方式关闭引导模式
我有一个选项卡视图,其中有一个打开模式的按钮。
模态是通过 ng-include 并通过引用其名称“addModal”打开的
这是我的模态代码:
在我的控制器里面
我可以通过使用数据目标来显示模态。我唯一的问题是如何在警报方法之后以编程方式在 submitBoaForm() 内关闭模式?