问题标签 [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 回答
86 浏览

javascript - 有没有办法从 $uibModal 中删除 windowClass?

我的模态弹窗已打开,windowClass 根据条件添加成功。但我需要在某些情况下切换 windowClass。有没有办法在模式打开时切换 windowClass。

这是代码...

0 投票
1 回答
249 浏览

angularjs - 如何在 Angular UI Modal 中使用 Datepicker

我有字符串日期选择器,当我在页面中使用它时它工作正常,但当我在 Angular UI 模式中使用这个日期选择器时它不工作 '$uibModal'......如何使用这个我在这个问题上花了 4 个小时,但它没有工作 https://cdnjs。 com/libraries/bootstrap-datetimepicker

0 投票
2 回答
104 浏览

javascript - AngularJS:将从模态返回的数据绑定到单击它的行

在这里使用 AngularJS。

我正在开发一个有下拉菜单的 UI。根据用户选择的内容,我向用户显示 2 个选项卡。

每个选项卡数据都是从一个服务返回的,该服务只返回一个数据数组(字符串)。

针对返回的每个字符串值,我都会显示一个按钮。当您单击按钮时,它会打开一个模式弹出窗口,用户可以在其中选择一些数据。当他们关闭模式时,我将数据返回给控制器。

将数据绑定到选项卡、打开模式和从模式返回数据的正常流程都可以正常工作。

我无法理解或设计的是如何将返回的数据与单击它的按钮或行绑定

例如如下:

如果我通过单击 button1 打开模态,我如何找出 button1 被按下并绑定从其模态返回的数据。

部分相关代码如下:

控制器:

我为此示例创建了一个 plnkr: http ://plnkr.co/edit/vqtQsJP1dqGnRA6s?preview

--已编辑--

0 投票
2 回答
2678 浏览

angularjs - 在组件angularjs中单击提交时调用父函数

我有一个模态,它是一个组件。当我在此模式中填写表格并单击提交时,我想在父级中调用函数。

父控制器.js

modal.component.js

modal.component.html

所以如果我点击Save我想调用addTest()父控制器内部的函数。我怎样才能做到这一点?

0 投票
1 回答
171 浏览

angularjs - 单击按钮后如何关闭angular-ui模态但在条件下

我想在单击按钮保存后关闭模式,但前提是该按钮也调用的函数成功解析。

父控制器.js

modal.component.js

添加-测试-modal.html

是否有可能,或者我应该共享范围并从范围父级调用此函数,然后在条件下关闭?

0 投票
0 回答
69 浏览

angularjs - 如何在angularjs中将uibmodel对话框文本框值获取到父控制器

我有一个带有文本框的页面,这是一个单独的控制器。当我点击文本框时,会使用 ui-bootstrap 使用 uibmodal 打开一个模式对话框。In that model there is two date picker fields when selection those two date fields and clicking on apply button then those selected two text box value needs to be rendered in the parent text box. 如何使用 angularjs 实现这一点,尝试了很多方法都没有帮助

尝试了下面的代码

datepicker.tpl.html

0 投票
1 回答
37 浏览

angularjs - ui-bootstrap 将点击值发送到另一个控制器

我有一个主控制器,在其中我称之为模态。在这个模式中,我有一个名为 name 的模型,我想检索这个字段以存储在我的 localStorage 中。我在几个网站上搜索,但没有奏效。我的控制器是这样的:

我想发送输入值,所以我可以在 tro 控制器中检索它

0 投票
1 回答
57 浏览

angularjs - 将变量传递给作为组件的模态

我想将数据传递给模态,而不传递所有 $scope。我的模态在组件中。

我尝试传递如下数据(来自另一个控制器)

但我有错误:angular.js:15567 Error: [$injector:unpr] Unknown provider: testProvider <- test <- catchError

我该如何处理?为什么在我的模态组件中没有读取“测试”?

0 投票
1 回答
154 浏览

angularjs - 如何从 ui-modal AngularJS 调用父函数?

这是我的模态函数:

$uibModal是在我有其他$scope变量和函数的控制器内部。如果我ng-repeat在模态内部使用父范围对象进行操作ng-repeat!但是如果我调用一个函数 ex。doSomething()或尝试在ng-classex 中使用范围对象。ng-class="{'css': doSomething()}"- 它没有。如您所见,我$scope在模态中分配了范围属性。我究竟做错了什么?我也尝试过调用该函数,$parent但仍然无法正常工作。ng-if="$parent.doSomething()"

0 投票
1 回答
24 浏览

angularjs - 从 $http 承诺以编程方式关闭模式对话框

我将Bootstrap UI与 AngularJS 结合使用来显示模式对话框,同时$http处理请求。把它想象成一个等待对话框。我想将代码保留为一个简单的四行代码,我可以将它放在这样的不同位置:

这在大多数情况下都可以正常工作,但是模态对话框时不时地不会以编程方式关闭。即使 HTTP 请求返回了结果,它仍保持打开状态。我在对话框中添加了一个关闭按钮,因此用户仍然可以通过$dismiss()手动调用来关闭它。

但是,我不明白为什么对话框并不总是以编程方式关闭。我知道这样一个事实,它会$http返回一个承诺,并且可能会有延迟。但是我已经通过将waitDialog对象打印到控制台来调试代码,它似乎总是既定义又相同的对象。我没有看到任何范围问题。我错过了什么?