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

我想为我的内容提出两种布局（即horizontal和vertical）。所以在选择器中切换会自动导致对应的布局。我当前的JSBin无法完成这种切换：

另外，我希望解决方案不会在 URL 中显示布局信息；用户只能在网页中查看和选择布局。此外，我不希望通过显示/隐藏<ui-view="horizontal"></ui-view>"或<ui-view="vertical"></ui-view>基于选择的解决方案。我更喜欢将布局信息传递给状态以选择相应模板的解决方案（但不在 URL 中公开它）。

有谁知道如何做到这一点？

1. 我需要先完成Usercervice.acl调用，然后运行第二个 run(apprun) 方法需要调用这里是代码来自UserService.acl()

   让 acl = () => { return $http.get(AppConstants.api + /acl/user-resources) .then((res) => { return res.data })
   }

I've been banging my head on this one for days and can't seem to figure it out....

my route looks like this:

and my service like so:

When i make an API call in my CompanyController, companyService.getCompany(companyId) the service returns a stale object, and when i look at my server logs, i don't see any REST calls being made.

When i refresh the page, the api call is made again (as per the PrepService), but when triggered on the CompanyController, it returns the stale data, with no REST hit on the server.

Does anyone have any idea why this is happening? Does it have something to do with the resolves or perhaps that it's in a sticky state?

我想建立一个在线 html/css/javascript 游乐场。当代码绘制图表时，我希望能够生成一个 url，用户可以使用它在浏览器中加载这个图表。

目前，在操场上，我有一个链接到该功能的按钮generateUrl：

然后，我想localhost:3000/urls/58a56d0962bd39979d142e27在浏览器中加载 url 的 id：

但是，上面的代码只显示了字符串而不是图形：

此外，它嵌入在<ui-view></ui-view>我的全局index.ejs. 这种行为是意料之中的，但这不是我希望用户在加载时看到的www.mysite.com/urls/58a56d0962bd39979d142e27。

有谁知道如何设置从生成的 url 加载图表？

我想为我的内容提出两种布局（即horizontal和vertical）。所以在选择器中切换会自动导致对应的布局。这是JSBin：

但是，使用上面的代码，每次我们更改视图时，都会$scope.one重置$scope.two为它们的初始值。我希望无论布局如何变化，他们的文本区域的变化都会保持不变。

有谁知道如何解决这个问题？

我试图在 gulp webpack setup 中升级到 ui-router 1.0.0-rc.1 。我无法弄清楚如何从服务器实现加载状态并为其注册未来状态。

我想要实现的是拥有一个landing父状态。状态将从服务器加载，服务器是一个状态数组，如landing.<state-name>.

我可以在控制台中看到以下内容。

文档不够清晰，所以我有点卡住了。

任何帮助表示赞赏

我正在使用 ui-router 1.0.0-beta.3，角度 1.5。到目前为止，ui-router 很棒！

我有一个根状态，到目前为止还有一些子状态，但我注意到在兄弟姐妹（同一个根父级的孩子）之间切换会导致完全重新创建我转换/进入的状态。

我想保留范围变量，因为在我的应用程序中，用户可能会切换一些按钮，输入日期等，然后可能会切换到另一个状态，做某事，然后切换回来，但现在他们所有的部分工作都消失了。我还希望能够为“非活动”状态销毁 DOM，因为实际上某些状态可能会变得非常大，或者用户可能会创建大量 DOM，所以我希望尽可能保持 DOM对于某些州。

我知道 ui-router-extras 粘性状态功能正是这个！当我想在某些组件上销毁 DOM 时，我可以使用 $state.includes 函数来定位。但是，ui-router-extras 似乎不适用于 ui-router 1.0.0-beta.3。作者确实为较新的 ui-router 做了一个移植，但该版本是在 typescript 中的，我不知道如何将它编译成一个 js 文件。见：https ://github.com/ui-router/sticky-states/issues/4

也许我需要一个不使用粘性状态的解决方案——有什么想法吗？我正在考虑使用服务来缓存范围值，并且确实阅读了其他一些针对该影响的 SO 答案。这意味着，对于每个组件，我需要处理要缓存的范围值等。这绝对是一种可能性，但我想知道是否有人对 ui-router 有任何其他技术或知识，这样也许还有另一种方法完成我所追求的：缓存控制器/范围变化。

我正在玩 ui-router-ng2。并且在单元测试组件时遇到了一些问题，该组件具有 Transition 的依赖关系以获取查询字符串。

然后我浏览了这个模块的代码，看看用 Jasmine 在我的测试套件中注入这个实用程序的适当方法是什么。

到目前为止，我还没有找到任何由 ui-router-ng2 公开的负责创建转换的工厂类。有一个提供工厂方法的 transitionService 但我不确定这是否是我正在寻找的以及如何在我的测试模块设置中利用它。

问这个是因为我在运行我的测试套件时遇到了“No provider for Transition”的错误，这是伪代码：

任何意见将不胜感激。

今天我创建了一个 ThemeForest，就像一个带有 angular 和 mvc 的网站，所以我有一个登录页面，它会加载仪表板页面，在仪表板页面中有很多图标，所以我点击图标，它将加载完全不同的布局每个模板的页面。

这是我的问题。

**

1. 我需要从当前嵌套视图中加载每个新布局。不想在嵌套视图下加载？

2) 并且该视图不是局部视图类型，它是一个新的 HTML 页面，其中包含来自当前文件的新 css 和 Js 文件引用。

3) 我不想在新的 Html 文件中加载当前的 Js 文件。

**

Angular js ui-Routing 技术是否通过使用页面中提到的 ui-view 来工作。所以在页面中我点击了图标，需要加载不同的母版页，所以现在发生的是母版页在仪表板页面下加载. 角度路由是否支持它。

所以我创建了一个示例演示：

$stateProvider

这是启动页面：

在这里，我正在加载仪表板页面：

这是在上面的 html 中加载的根路由器模板视图。

另一个母版页：

这是 plunker 演示： http ://embed.plnkr.co/IzimSVsstarlFviAm7S7/preview：

我们最近将我们的应用程序从 ng-route 移到了 Ui-Router。我们正在尝试重构代码中有关路由的一些要点。

我们的应用程序中有一个列表视图和一个详细视图。详细视图将显示为列表视图顶部的弹出窗口，因此为了不一次又一次地初始化所有列表控制器逻辑，我们将详细视图定义为子视图状态。它看起来像这样：

它实际上按预期工作。当我从列表视图打开详细视图时，列表视图（我的意思是控制器）不会再次运行，当我关闭详细视图时，列表视图仍然存在。

但现在我们也想直接调用详细视图，而不撤销父视图。目前，当我直接调用详细状态时，父控制器也运行..我该如何实现这一点？

父子关系不适合我们的场景吗？