问题标签 [angular-ui-modal]

我在另一个 html 文件中有一个模态模板，但是在第一次加载页面后，模态窗口打开时没有内容，第二次一切正常。如何解决这个问题？

这是 plunker http://plnkr.co/edit/lw056nAaU7BfqIVZSddb?p=preview

如果我将类型参数添加到按钮单击事件，我尝试了我的模态内容更改。

因此，如果我选择 type1 modal 或 type2 modal，内容不会相应改变，modal 内容只会更改为 type2。我在我的脚本中这样做：

http://plnkr.co/edit/9VWvsPw4PzflKZDII5H0?p=preview

知道如何解决吗？:)

Trying to add buttons from button list for each modal.

Script:

Html:

Each button has its own class, so I added in list class property. But ng-class doesn't see {{item.class}}

And I can't add functions to these buttons. I tried this:

http://plnkr.co/edit/NeLthqUuZtw0VyVzd0Ig?p=preview

我在使用 $uibModal 并从父窗口的解析中打开另一个模式窗口时遇到了问题，特别是当我使用 setTimeout 延迟打开时，内部窗口似乎在外部窗口解决所有承诺之前不会打开在其解决论点中。

工作示例和非工作示例之间的唯一区别是使用 setTimeout 来延迟内部弹出窗口的打开。

失败示例 - 使用 setTimeout

工作示例 - 没有 setTimeout

我不确定为什么会发生这种情况，因为打开外部弹出窗口不依赖于打开内部弹出窗口。

见 plunkr :这里

更新

有趣的是，即使您在尝试使用解析参数打开另一个模态之前关闭了一个模态 - 它不会显示，直到在第二个模态上完成解析，即使与第一个无关 - 这不是我知道的真实世界场景，但我'我很想知道为什么。

对于这个问题，图画比文字更能说明问题。

注意：2个块代表不同的模块。绘制的层次结构来自我如何设置应用程序模板和 ui-router。

我正在尝试从Ctrl2控制器创建一个 ui-modal 实例，我想Ctrl4用作模式的控制器，但也Ctrl3用作父范围，以尊重我的应用程序的所选层次结构。

我在设置父范围时遇到问题。

ui-modal api提供了一个scope我们可以在创建模态时传递的选项，这确实是父作用域。

这不起作用：

我的问题是：我如何设置Ctrl3模式的父范围以尊重 Ctrl4 和 Ctrl3 之间的层次结构和原型继承（这最终是我真正需要的）？

我正在尝试实现 Pinterest 样式的列表页面，单击图钉会打开详细信息弹出窗口，并且 url 会更改为http://pinterest.com/pin/123456之类的内容。但后面的页面完好无损。关闭弹窗后，后面的页面还在。

我已经检查了 history api 的类似功能来更改浏览器的 url，而无需使用“pushState”功能刷新页面。

我想在 Angular 中实现相同的功能，但是一旦通过 pushState 更改浏览器的 url，由于默认的“状态更改”事件，后台页面就会重新加载。

有什么想法值得赞赏吗？

我想在打开 ui 引导模式时临时更改浏览器 url（后面的页面应该保持原样，只有 url 更改）。当模式关闭时，网址应恢复为原始网址。

脚步 ：

1. 用户加载页面
   • 网址：xyz.com/home
2. 用户单击链接打开模式
   • 网址：xyz.com/detail/123
   • 可能的解决方案：使用 html5 推送状态更改 url
   • 问题：Angular ui-router 尝试根据更改的 url 运行其路由，最终更改背景页面。
3. 用户关闭模式
   • 网址：xyz.com/home
   • 可能的解决方案：html5 pop 状态
   • 问题：重新加载后台页面，杀死目的

示例实现：Pinterest 引脚及其引脚详细信息弹出窗口。

我正在尝试将节点添加到所需的文件夹，但不幸的是没有成功。这个想法很简单。通过单击按钮，用户看到模式，其中放置了一些参数，例如：节点的名称和描述，该值将动态来自 http 请求，他也可以选择要保存节点的文件夹，但由于某种原因，节点出现在每个父节点中文件夹，我找不到我的错误在哪里？我已经用我的问题重现了 plunker

我的代码：

我有这两种观点：

1) foo.html

2) foo-as-modal.html

foo.html 的控制器是fooController：

我需要注入$uibModalInstance才能fooController工作.dismiss

当我foo-as-modal.html作为模态调用时，这很有效，即：

但是当我foo.html作为普通视图（通过$routeProvider和ng-view指令）调用时它会引发错误，即：

错误是：

并且视图不显示“John”（因为错误）

我该如何解决这个问题？我真的需要重用foo.html并fooController作为模态和非模态，因为它们有很多东西（我在这里简化了）

编辑：这是一个plunkr：

https://plnkr.co/edit/9rfHtE0PHXPhC5Kcyb7P

我一直在此链接https://angular-ui.github.io/bootstrap/#/modal上关注 angular ui 模态。

一切正常，我可以选择数组 $scope.comps= ['item1', 'item2', 'item3'] 的索引。

我的父页面在关闭模型时有一个表单，该表单一次只显示一个组合，带有下一个、上一个、最后一个、第一个按钮：

关闭模式后如何将 $scope.comp 设置为选定的索引

我试图在 $uibModalInstance.close 函数中设置我的 $scope.comp ，如下所示，但是当我关闭模式时，它不会将我带到任何 $scope.comp 并且保持不变。

或者