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

我知道这已经在多个帖子中被询问和回答，但我已经尝试了解决方案，但仍然不能完全到达那里。

我有一些组件，我正在使用 ui-router 进行路由，其中​​一个是联系表单，如果用户输入数据并移动到另一条路由，然后返回联系表单，状态将重新加载并且表单内容消失。

我通过拥有父状态和子状态看到了另一种方法，但无法在我的代码中重新创建它。

也许通过使用带有粘性选项的ui-router-extras有一个更简单的解决方案，尽管我尝试了这个并且也无法让它工作。我将发布代码，因为它现在可以工作。

如此处所述How to ng-hide and ng-show views using angular ui router，我有以下标记：

在 css 中使用 flex-box：

现在，当我在两种状态之间切换时，两个 div 都会显示为眨眼，导致丑陋的眨眼效果。

我尝试了来自Angularjs 的 ng-cloak - ng-cloak/ng-show elements blink，但没有任何成功。

我不能使用 ng-if，因为我使用ui-router-extras中的“Sticky State” ，这需要 DOM 持续存在。

我需要使用 angularjs ui-router 为分层类别设置一个 url 结构。

例子;

类别树如下：

• 根
• -应用1
• --类别1
• ---类别2
• ----3级
• -应用 2
• -应用程序 3

url xyz.com/application-1/category-1将显示类别级别 1 中的文章，类似地xyz.com/application-1/category-1/category-2/category-3将显示类别级别 3 中的文章。这可以达到 4 或 5 个级别的类别。

根据我的理解，我必须为每个类别级别定义状态，并且所有这些状态都可以访问相同的模板和控制器。有没有更好、更智能的方式来实现这些状态？

“angular 1.6.1”，“angular-ui-router 0.3.1”，所有 ui 视图都已更改/正常工作，但我在控制台窗口中收到以下错误，我不知道为什么。

我的 HTML 代码是

app.js 文件

请有人帮我...

我正在尝试制作嵌套视图，这是 plunker https://embed.plnkr.co/oRMnMW4QoWwhSkm9maHf/。状态会改变，但模板不会改变。

谁能纠正我做错了什么

转到链接>第二个嵌套。

单击按钮时，状态更改成功，但未注入内容。我希望将链接页面内容替换为第二个嵌套内容

我很好地使用了 angular 1.5 状态（嵌套状态、选项卡状态、模态统计）

Ui-router-extras 具有粘性状态，但我没有看到与经典父/子状态架构的区别？

粘性状态的基本示例是我们可以在没有粘性的情况下做什么？ http://plnkr.co/edit/SCHExh4DYKFd9Kq3UbaA?p=preview

如果你删除sticky: true，你会得到相同的行为

我ui.router用来检测 Angular App 中的状态变化。但是控制器没有在加载时被调用。

下面是我的app.js代码。

AuthController当我的状态是时不调用login。

我在整个应用程序中都使用了这种架构，但它在这里不起作用，我不知道为什么。

我正在将威士忌数据加载到我的父州威士忌，它应该将数据传递给子州。它工作正常，但在页面刷新时——它只在页面上显示威士忌的 json 数据。

Angular 甚至似乎都没有加载，因为我的 ng-inspector 工具没有检测到它。

我的服务：

我还将在下面添加我的控制器：

威士忌后控制器：

我正在使用 ui-router 和 ui-router extras

我需要在 $stateChangeStart 加载之前解决成功部分并且无法弄清楚如何去做。

有没有办法做到这一点？

编辑

所以我有这样的代码

$http.then函数仍在解析之后发生$stateChangeStart并且$transitionStart新状态已经加载。我可以在浏览器控制台调试器中看到它发生

请帮忙。

我有一段代码，它显示文件名列表。单击每个文件名会在右侧显示其正文。我们可以将文件添加到列表中。

点击每个文件名后，我的浏览器地址栏中的 url 会系统更新。有谁知道是否可以不更新网址栏，但仍能满足我的要求（即显示正文）？

JSBin