angular-ui-router 用多个视图定义状态
示例
在ui-router中，状态可以包含多个视图，每个视图都有自己的控制器和模板
.state('dashboard', {
name: 'dashboard',
url: '/dashboard',
views: {
"view1": {
templateUrl: "path/to/view1.html",
controller: "view1Controller"
},
"view2": {
templateUrl: "path/to/view2.html",
controller: "view2Controller"
}
}
})
然后，在州的HTML中，您可以链接这些视图
<div ui-view="view1"></div> <div ui-view="view2"></div>
-
问题内容： 我正在使用角度UI路由器。我的路线配置中包含以下内容 在索引页面中，我只是使用以下方法调用视图： 在我的bulletinBoard.html中，我想要一个嵌套视图： 对于/ newsFeed页面和/ tradeFeed页面，它可以正常工作，但是对于公告板，我看不到页面上的任何内容。我要去哪里错了？ 问题答案： 我发现官方GitHub Wiki上的示例非常不直观。这是一个更好的选择： h
-
问题内容： 以故事形式： 我在这里寻找的是主从设置。母版是列表形式的，当我单击一个链接（相对于特定的行/记录（在这种情况下为Account））时，我想在主视图（直译为“主”视图：）中查看详细信息。 我想这样做并维护我的URL结构（用于帐户列表；用于详细版本）， 但是我希望详细视图使用列表正在使用的视图 。 我目前有什么 index.html account.js 此时，该路线将按预期工作。它在视图
-
问题内容： 我正在一个已实现UI路由器的项目中，当该项目是当前路线时，该项目用于将活动类添加到导航菜单项。但是，当您导航到该视图中的嵌套视图时，父菜单项不再处于活动状态。请参阅以下柱塞： http://plnkr.co/edit/2CoEdS?p=preview 默认情况下（或者如果您单击它），路线1是“活动的”。当您单击“显示列表”时，您将看到Route 1不再处于活动状态。 编辑： 此示例与我
-
问题内容： 我想知道是否有任何方法可以为所有状态编写多个命名视图，最好的例子是当我希望导航栏和页脚出现在所有路线中时。 我不想使用ng-include，因为在这种情况下，导航和页脚在显示home状态之前就已显示。 问题答案： 是的，您可以的，它实际上写在有关如何管理 多个命名视图 的指南中。 首先，您需要在抽象状态下定义一组特定的命名视图，包括将所有内容视图（例如）放入无名视图（空字符串）的视图。
-
问题内容： 假设我有以下3个Angular UI Router状态： 如果直接转换为，我该如何告诉Angular UI Router进入状态？ 理想情况下，我想要的是这样的： 然后，在我的代码中，我希望$ state.go（’adminCompanies’）等同于$ state.go（’adminCompanies.list’） 问题答案： 由于您的应用程序当前已设置，因此您不需要任何明确的逻辑。
-
问题内容： 我想有多个布局（1-col，2-col，3-col），我想根据所需的布局切换到不同的路线。 我目前有一个根状态，默认情况下使用某种布局，然后在该布局中包含用于标题（如页眉，页脚，边栏等）的ui-view指令。 我只是想知道是否有可能更改嵌套状态的布局，因为它目前不起作用，并且控制台或linter中没有出现错误。 我目前在浏览器中完全没有输出，这使我认为我实现了错误的方法，因为所有路由都