问题标签 [nested-views]

我有自己的控制器嵌套视图。如何在不重新加载父控制器的情况下加载嵌套视图？

每次我调用 bbb view aaaController 时都会被加载。

我在理解 UI Router 嵌套视图中的嵌套视图时遇到了麻烦……更具体地说，它们是什么样子的……？

我需要理解它，因为我需要继承我的 $scope 属性。

我在文档中看到了这个例子

然后我在文档中看到类似的东西

这对我来说有点令人困惑，因为我需要 $scope 继承，所以我需要嵌套我的视图——只是不太确定它是哪个示例。

更新 这是我的状态

我想要实现的只是 query.html 上的一个简单搜索表单，一旦用户输入或选择了一个搜索词，它就会使用另一个搜索表单和结果进入 search.html。

这些是我的模板，我相信我已经正确设置了它们，但是出现了问题，因为什么都没有显示。

在我的 Ionic 应用程序中，我有一个处于子状态的页面“order.html”。我想让这个页面加载另外两个页面（“orderheaderdetail.html”和“orderitemdetail.html”）。我定义了“ui-view”来加载另外两个页面（例如“orderheaderdetail”和“orderitemdetail”）。我不知道这是否是正确的做法。但它似乎不起作用。“A”页面的html如下：

而路由代码如下：

我无法将“order.html”的状态更改为抽象，因为它必须处于子状态。所以基本上它就像一个有其他子状态的子状态。知道如何解决这个问题吗？谢谢

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

谁能纠正我做错了什么

转到链接>第二个嵌套。

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

当用户在所有使用主模板的部分（仪表板和项目详细信息等）之间导航时，会重新加载整个模板。我只想看到嵌套的“main”和“appbar”视图发生变化。

在此示例应用程序中，“mainTemplate”中的链接不应重新加载。css 类“view-fade-in”在嵌入式代码段中不起作用，但它在 jsfiddle 链接上。请注意，当您从 Dashboard 转到 Project 时，一切都会消失，反之亦然。唯一应该褪色的是应用栏和主要内容。

换句话说，我确实希望当用户从状态“公告”到状态“仪表板”时重新加载 mainTemplate，但是当用户从状态“仪表板”到状态“project.details”时，因为两个状态都在使用 mainTemplate它不应该重新加载。

你可以在这里摆弄：http: //jsfiddle.net/webmandman/3wb8a46o/3/

我已经配置了以下 ui-router。

结果，浏览器中的https://localhost:3000/#/new导致（状态global.editor，然后到）状态global.editor.panels。

现在，我想添加一个参数connected：

1. 我不希望它显示在网址中
2. 浏览器中的https://localhost:3000/#/new是 ，浏览器中的connectedhttps : false// localhost:3000/#/newTRUE是connectedtrue
3. connected可以过去进入控制器EditorCtrl和PanelsCtrl
4. connected可以在 中resolve使用global.editor；理想情况下，我们可以根据 的值解析不同的对象connected。

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

我正在学习 Angular，但我坚持使用ui-router.
这是代码。我正在使用 PUG 和 Livescript，我怀疑我是否因为这两个而遇到问题。

我的代码类似于 stackoverflow 中的一些答案，但我无法使其工作。create.pug没有显示。

main.pug 是 index.pug 的孩子 create.pug
是 main.pug 的孩子

create.pug -> main.pug -> index.pug

版本：

指数.pug

主程序

创建.pug

主文件

创建.ls

路由器.ls

路线.ls

我有一个 angularjs 组件（几乎是空的标记）作为其子视图的外壳/父级（具有不同列/格式的标记）。我能够看到该组件，但没有加载任何子视图。

ui路由器配置代码：

索引.html：

父级，它是一个组件：

孩子：

我的控制器告诉 ui-router 转到子视图：

我不想将父级声明为抽象，因为在我的真实应用程序中，我在这里有与父组件视图平行的视图（它们一起形成多个命名视图），而这些其他高级视图（父组件除外）必须无论子视图如何，都可见。

我正在使用 angularjs 1.5.8 和 ui-router 版本 0.4.2

Plunker： http ://plnkr.co/edit/tBhVTjttMagaJzHQNvro?p=preview

如何在ui-router中配置兄弟姐妹在父页面中共存的父子关系？我不能让子状态多个命名视图工作。

这是我的父页面：parent.html：

我不知道如何或是否应该使用多个命名视图，因为多个命名视图看起来是平行且可分离的，而不是像上面代码中那样被其他文本包裹。

我的ui路由器配置：

未命名的 ui-view 只允许插入一个孩子。

查看 Plunker中的代码

我定义了两种状态如下：

所以它们共享相同的控制器，相同的onEnter，并且它们有一个非常长且共同的部分resolve（实际上是一个解析链first: function (...){...}, second: function (...){...}, ...：） 。有谁知道如何重写它们，这样我就不必写commonResolve两次了？