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

我正在尝试使用 UI-Router extras 中的 Sticky States 构建一个选项卡式应用程序。

我的选项卡的内容包含一些将自己“注册”到服务的指令。我希望在初始化时进行完整注册，以便服务知道所有这些指令。这意味着在后台渲染状态，而不显示它们，就好像用户在开始使用应用程序之前手动单击了所有选项卡一样。

有什么办法可以做到这一点？谢谢你。

我想实现动态的状态并保留状态。我查看了christopherthielen的 angular UI router extras ，它非常有前途。我可以基本上实现未来状态并使其具有粘性吗？

有没有人见过这种行为？

我有一个这样定义的按钮

我有一个这样定义的状态

和这样的控制器

当我点击按钮时，我在控制台中得到了这个（我添加了一些调试）

如您所见-一旦加载设计器控制器，就会触发到根状态的转换-可能导致这种情况？

存储状态查询参数的最佳方法是什么。例如，我有一个issues带有这样的 url的状态issues/search?keyword=query&date=4/12/15

当用户离开这个状态，然后回到这个状态时，有没有办法恢复那个查询字符串？

这个想法是允许用户返回搜索结果。

什么是解决这个问题的好方法？

我正在使用Rails 4.2.1, Bower, angular-rails-templatesgem 和ui-router-extras.

使用 bower安装ui-router-extras并将其包含在我application.js的 with:require ct-ui-router-extras文件中后，我收到以下错误：

经过一番玩弄后，我发现如果我将包含更改为：require ui-router-extras我收到以下错误：

这应该是正确的别名，因为 bower.json 文件ui-router-extras映射到ct-ui-router-extras，但经过一些挖掘，我发现这个别名问题与sprockets.

使这更加复杂，angular-rails-templates与最新版本的sprockets. 但是，angular-rails-templates它与 兼容sprockets 2.12.3，根据sprockets上面的问题，它应该包括对别名错误的修复。

鉴于我仍然遇到问题，我怀疑针对 sprockets 问题实施的修复不是一个完整的修复。

话虽这么说，别名问题实际上可能已在 中修复，sprockets >= 3.0但sprockets > 3.0由于.angular-rails-templates

我是 Bower 和 Angular 的新手。我对上述问题的临时解决方案是将ct-ui-router-extras&的所有实例ct.ui.router.extras（包括文件名）分别重命名为ui-router-extras& ui.router.extras。

虽然这是有效的，但显然并不理想。如果有人有更好的解决方案，我欢迎。

另外，我不确定我是否应该提交一个错误sprockets或者一个错误ui-router-extras（这个错误已经存在angular-rails-tempaltes）

我正在使用 angular-ui-router-extras 模块，更具体地说是 $previousState 服务，但我无法让它返回到以前的状态，它总是返回null.

这是我的所有代码（模块已正确注入）

我检查了 $previousState 对象，它似乎有正确的方法，当我尝试使用时得到的错误$previousState.go()是有道理的，因为我无法进入null状态。

我错过了什么，所以它应该工作？

我正在尝试通过执行以下操作在我的模板 angularjs 中创建一个链接：

但我想知道自己是否有可能做类似 symfony2 的事情，例如：

路由.yml

并通过执行以下操作在您的树枝模板中使用它：

这真的非常有帮助，因为我不必“硬编码”我所有的路线。

有人可以解释一下为什么Angular UI Router Extras添加触发两次（在初始化时！）$stateChangeStart事件，以防我有一些异步 ajax 检查和e.preventDefault()调用？

短事​​件代码示例：

完整的 FIDDLE 示例

没有额外的东西，一切都按预期工作。

肿瘤坏死因子

如果我正确理解这篇文章，当加载的第一个状态是绝对引用命名 ui-view 的状态时，我应该能够使用 ui-router-extras 的 deepstate-redirects 在默认 ui-view 中加载默认模板.

考虑以下示例：

（plunkr：http ://plnkr.co/edit/fuFUFaqUGRjCKfajaWw2?p=preview ）

上述是否可行，我是否遗漏了什么，或者我在这里做了一些错误假设？

我的推理*：

* 部分基于我从前面提到的帖子中了解到的

当dialog状态被加载时，它的父状态 ( global) 也被加载。global有一个深度状态重定向到一个状态 ( child)，它填充了一个不被 ui-view 使用的 ui-view，dialog因此，child它的模板在默认的 ui-view 中呈现 - 或者这可能有点好得令人难以置信。

我正在创建一个 Angular 移动 SPA 应用程序，并且部分要求有大量的列表 >> 详细信息页面。在他们过滤以填充列表后，他们可以单击该项目以转到它的详细信息页面（如果允许，可以使用杂乱无章的选项，这排除了仅使用模式的可能性）。我将相关数据和事物保存在服务中，但这无助于保持滚动位置，并且 ui-router-extras 粘性状态似乎是理想的。我也在使用 requirejs，以防万一。另外，如果相关的话，我正在使用与 kendo.dataSource 绑定的 Kendo ListView。

我已经实现了它，但我不确定我是否正确地完成了它。我向下滚动并单击一个列表项，它会转到详细信息。当我单击后退按钮（使用 的指令$window.history.back();，尽管我尝试使用$state.go并且它做了同样的事情）时，它将返回并使用“缓存”版本，但将位于列表的顶部。如果我向下滚动并单击另一个项目然后返回，它将像我预期的那样保持滚动位置。

我打开电源$stickyStateProvider.enableDebug(true);，从第一次调用到随后的调用，输出看起来都一样。

这是我的状态配置：

这是抽象父视图的 areainquiry.html：

这是打开此屏幕的代码。我的 index.html 中没有命名视图，并且直到 areainquiry.html 的所有视图都使用未命名的根视图（我给它起了一个名称“body”并将它们全部更改为使用它，但它工作相同的）：

我试图找出一种没有抽象状态的方法，只需通过父 areainquiry 和子 areainquiry.detail 即可，但无法以这种方式工作，所以走这条路。