angularjs - 仅更改 ui.router 中状态更改的一种 View ?

标签 angularjs state angular-ui-router ngroute angularjs-view

我有一个简单的布局,如下所示:

__________________  ________
|                |  | Side |
|  Main section  |  | -bar |
|________________|  |______|

“主要部分”向用户公开表单;根据他们选择的“主要部分”state应该改变(即:应该加载不同的部分)。我如何通过 UI.router 来促进这一点?

例如:仅更改 columnOne/about状态:http://plnkr.co/edit/IzimSVsstarlFviAm7S7

最佳答案

当状态改变时,所有新状态的 View 和任何祖先状态的 View 都将被加载。因此,如果您希望 View A 保持不变,而 View B 更改为 View C,则 View A 的状态必须是 View B 和 C 的祖先。因此您需要一个中间(可能是抽象的)状态。

Here is a Plunker.

关于angularjs - 仅更改 ui.router 中状态更改的一种 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24153861/

相关文章:

php - $stateChangeStart 在从 Rest API 获取数据之前运行

angularjs - 从地址栏接收直接页面访问事件,Angular JS - ui-router

javascript - 如何使文本在行内的标签中右对齐

angularjs - Angular Translate 的 useSanitizeValueStrategy ('sanitize' ) 与 useSanitizeValueStrategy ('sanitizeParameters' ) 之间的区别

javascript - Angular Select 不改变模型属性

haskell - 为什么 state 和 reader monads 函数,而 writer monad 是一个元组?

angularjs - 处于嵌套状态的 Controller 未执行

angularjs - 在自定义指令中禁用 ngClick 事件处理

使用状态或 Prop 进行 ReactJS 渲染

jqGrid 过滤时的分组状态