使用angularjs中的ui-router嵌套视图

Question

我在使用ui-router的第三层嵌套视图/路由时遇到一些问题。 我实质上是为我管理的所有网站开发一个网站管理面板。 在“工具”页面上，您首先必须选择一个环境，该环境填充了“站点”视图和下拉框，一旦选择了站点，您将获得“所选”视图和面板，其中将包含所有站点特定信息。 我遇到的问题是，当“站点”面板显示时（尚未选择站点），将显示“选择的”面板。

我的真正问题是，使用ui-router设置多个嵌套视图的正确方法是什么？ 是否在每个状态下都指定了所有视图？ 也可以通过更改视图来更改URL，或者仅应在状态更改期间更改URL。 我想我正在混淆状态和观点。 我知道我真正想要的是具有多个视图的“工具”状态/页面（每组选项一个）。

即使有人可以使用ui-router提供一些嵌套视图和路线的优秀教程的链接，也很棒。

我将尝试设置一个塞子来演示我要做的事情，但是到目前为止，事实证明这很困难，因为我从ng-boilerplate开始从事该项目

Answer 1

我在egghead.io上找到了以下视频，这使我了解了ui-router的基础知识。 https://egghead.io/lessons/angularjs-introduction-ui-router

在问我的问题之前不确定我是怎么找不到的。 也许下次我应该更加努力。

更新：

同样，在进行了进一步的研究之后，我确定了我真正需要的是一个抽象状态，并且还能够通过egghead.io找到一些信息（它的专业内容，但无论如何我一直打算签署uo） https://egghead.io/lessons/angularjs-ui-router-abstract-states