angularjs中带有ui路由器的嵌套视图

Nested views with ui-router in angularjs

本文关键字:嵌套 视图 路由器 ui angularjs      更新时间:2023-09-26

我在使用ui路由器的第三级嵌套视图/路由方面遇到了一些问题。我本质上是在为我管理的所有网站开发一个网站管理面板。在"工具"页面上,你首先必须选择一个环境,它会填充"站点"视图和下拉框。一旦选择了一个站点,你就应该得到"选定"视图和面板,其中将包含所有特定于站点的信息。我遇到的问题是,当"站点"面板出现时(还没有选择站点),"选定"面板就会出现。

我真正的问题是,使用ui路由器设置多个嵌套视图的正确方法是什么?是否在每个状态下都指定了所有视图?还可以通过视图更改来更改URL,还是应该只在状态更改期间更改URL。我认为我混淆了状态和观点。我知道我真正想要的是一个具有多个视图(每组选项一个)的"工具"状态/页面。

即使有人可以使用ui路由器提供一些关于嵌套视图和路由的好教程的链接,那也太棒了。

我将尝试设置一个plunker来演示我正在尝试做的事情,但到目前为止,事实证明这很困难,因为我从这个项目的ng样板开始

我在egghead.io上找到了下面的视频,这让我了解了ui路由器的基本知识。https://egghead.io/lessons/angularjs-introduction-ui-router

在问我的问题之前,我不确定我怎么没有发现这个。也许我下次应该更认真一点。

更新:

此外,在做了一些进一步的研究后,我确定我真正需要的是一种抽象状态,并通过egghead.io(它的专业内容,但我一直想签uo)找到了一些信息https://egghead.io/lessons/angularjs-ui-router-abstract-states