问题标签 [angular-ui-router-extras]

我正在使用我自己编写的模态系统开发一个 Angularjs 应用程序。打开模式窗口时，“主要”状态需要在背景上保持可见。我想通过使背景状态（主要）变粘来实现这一点。这是我目前的设置：

我的 index.html 有两个 ui 视图（主视图和模态视图）。它工作得很好，但是，当我转到关于页面时，打开菜单（在模式中），单击帮助页面并再次打开菜单，而不是在后台显示帮助页面，它显示了关于页面。

谁能告诉我发生了什么？当我单击模态状态链接时，主状态会更新。

我正在使用 UI-Router(-extras) 开发一个 AngularJs 应用程序，其中我使用以下设置：

根状态定义 URL 中的语言。此外，我有几个模态和主要状态，它们有自己的 URL（即root.main.home=> /en/home）。

现在我想要一些没有 URL 的模态状态。我怎样才能让一个州忽略他父母的 URL？

我在实现粘性选项卡时遇到问题，其中每个选项卡都可以使用 ui-router-tabs 和 ui-router-extras 有多个子状态。

1. 当我打开一个状态，移动到另一个状态，然后返回到第一个状态时，相应的控制器正在重新初始化（尽管 ui-router-extras 调试输出显示它重新激活了该状态）

2. 当我打开同一个选项卡的另一个状态（兄弟状态）时，调试输出、html 模板的 url 和请求告诉我新状态已加载，但选项卡显示空内容和 api 调用状态未执行

这是我的状态/路由配置：

“home”状态包含所有选项卡的 ui-view 以及导航栏。每个抽象状态代表一个选项卡，并包含其所有子状态的命名视图。状态的第 3 级（例如 home.feed.list）代表实际内容。

这些视图使用相同的控制器，但我已经尝试为每个视图添加一个单独的控制器。此外，我尝试删除 ui-router-tabs 并通过 url 调用状态，结果相同。

示例调试输出：home.feed.list -> home.create.form -> home.feed.list（抱歉没有足够的声誉来发布图片）

当我使用 3 个不同的控制器时会生成相同的输出（“我正在初始化..”在每个控制器上执行）。

我有一个参数化的状态/路由，它在多标签应用程序中呈现一个“标签”。我最近被要求将其中两个标签并排放置。

UI-router 提供命名视图机制，允许同时显示现有状态的控制器多次。（请参阅上一个问题。）但是，我看不到将不同参数传递给控制器​​的方法，也看不到维护两个独立子状态的方法。

此外，我之前使用 ui-router-extras 的深度状态重定向来保留导航时的子状态，我不知道如何让它与命名视图一起工作......

编辑：

显然，<ui-view/>出现在命名视图中的将继续呈现任何子状态的视图。但是，由于只能有一个子视图，因此功能仍然有限。

就我而言，这是命名视图路线：

http://plnkr.co/edit/3MbzPBrCHSk0vckpiITA

我想在我的应用 Angular 中使用“angular-ui-load”。
问题是，我的脚本 js在 dev consol firefox中未定义错误：

现在，在 index.html 中声明的 angular-ui-load

'ui.load' 我的 app.js 是：

任何帮助，将不胜感激 ：-） ？

我想从任何状态访问nav.profiles.modal模式。目前我有以下结构：

• 导航
• 导航活动
• 导航配置文件
• nav.profiles.modal

它从 nav.profiles 工作，它在不同的 ui 视图上打开。但是我怎样才能从任何状态打开这个模式作为覆盖？

我可以用 ui-router-extras 解决这个问题吗？

谢谢。

编辑：解决了！ 每个需要这个的人：

http://jsfiddle.net/dwmkerr/8MVLJ/

我的应用程序中有多个步骤表单，我想在进行下一步之前保存它......我做了一个简单的例子，但我不确定它是否是正确的方法。我使用解析配置和服务来访问 formData。

配置

控制器

服务

codepen 示例：http ://codepen.io/anon/pen/RWpZGj

我需要多个ui-views为一个URL（我的主页）。的限制ui-routing是我不能有多个<div ui-view></div>，但它们必须处于嵌套状态。

我如何做到这一点ui-sref=1并将ui-sref=2更新ui-view内部：

而 ui-sref=3 将更新里面的 ui-view<div class="right-div"></div>

我在使用 ui-router 时遇到的问题是，从ui-sreffrom1 -> 3或of更改时会因为更改2 -> 3而消失。ui-viewleft-divURL

我该如何处理？

编辑-我当前的状态视图

我遇到了一个我无法在 AngularJS 中使用 ui-router 解决的问题。它涉及同一页面上的独立视图，但一个视图可以有条件地影响另一个视图。请以我的代码为例：

主模板（test2.html）

test3.html

test3.js

想要我想要达到的目标：

“公共聊天”是一个按钮，假设<div ui-view="chatview"></div>完全不依赖于<div ui-view></div>. 例如，如果我在朋友选项卡上并单击公共按钮，则在<div ui-view="chatview"></div>加载公共聊天模板时，朋友状态应该保持不变。朋友按钮加载“私人聊天”，但如果我点击搜索选项卡，我不希望我的私人聊天离开。是的，我可以将我在该状态下的命名视图更改为与朋友相同的模板，但它会回到与如果我从公共按钮转到搜索按钮相同的问题。

我希望我说得通，这就是我需要的。

所需的操作：当在朋友选项卡上并且用户单击公共按钮时，<div ui-view="chatview"></div>应使用公共聊天填充，而朋友选项卡仍处于其当前状态<div ui-view></div>。

和

当在搜索选项卡上并且用户单击公共按钮时，<div ui-view="chatview"></div>应该使用公共聊天填充，同时搜索保持其当前状态<div ui-view></div>

和

当用户单击公共按钮（转到公共聊天）然后单击搜索选项卡时公共聊天状态保持打开<div ui-view="chatview"></div>。

和

用户当前处于私人聊天状态，点击搜索选项卡应在使用搜索模板填充时<div ui-view="chatview"></div>保持私人聊天状态 。<div ui-view></div>

如果我添加更多选项卡，条件会增加，但我很确定我需要 ui-routers 额外功能，但我无法理解文档。一个很好的例子是聊天应用程序信使。问题在于 url，因为一个 URL 将加载其指定的模板，而不考虑我必须单独的视图。一个代码示例将非常感谢！

我有一个带有特定路由 /case/subpage 的模式，但我希望父模板与最后一个状态模板匹配，因此它看起来只是当前页面上的覆盖。示例：用户点击联系我们，父模板为联系我们，状态为/case/subpage

这是我所在的地方，我可以硬编码并让它工作，但我想要一种方法来获取 templateProvider 中的先前状态，但 fromState 仅适用于 $rootScope