Tag: angular度ui路由器

用ui-router中的左栏布局嵌套状态或视图？

我有以下布局： 边栏和标题栏将始终存在，虽然其内容是特定于上下文的。 我认为这里有两个select：嵌套状态（sidenav>标题栏>内容）或视图（如果我理解正确）。 无论我读过多lessvideo和文章，我仍然在努力让自己的头部缠绕在UI路由器上。 点击Sidenav会将一个状态（或视图）加载到Content中，并且Headerbar会根据加载到Content中的内容来调整其内容。 我的感觉是，嵌套状态似乎是最简单的直接方法，特别是在考虑inheritance时。 从另一个angular度来看，这些看起来可能是兄弟姐妹（尽pipeinheritance问题可能使我错了）。 我的观点是，这些观点将使我在未来能够有更多的灵活性。 当然ng-include和指令可以起到这个作用。 对于路由器来说是新的，可能有人给我正确的方向？ 我卡住的地方是加载主视图。 我希望我的用户在login后在内容部分看到他们的仪表板。然后，当用户从侧边栏导航时，如何将新元素加载到内容中？

Angular UI路由器 – 具有多个布局的嵌套状态

我想有多个布局（1-col，2-col，3-col），我想根据所需的布局为不同的路线转换。 我目前有一个默认使用特定布局的根状态，然后在该布局中包含名称，如页眉，页脚，边栏等部分的命名ui-view指令。 我只是想知道是否可以改变嵌套状态的布局，因为它目前不工作，并没有出现控制台或linter内的错误。 我目前在浏览器中没有任何输出，这使得我认为我已经实现了错误的方法，因为所有的路由都不是从路由状态inheritance的。 代码如下： 我-module.js 'use strict'; angular.module('my-module', ['ngResource', 'ui.router']) // Routing for the app. .config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('root', { url: '', views: { 'layout': { templateUrl: 'partials/layout/1-column.html' }, 'header': { templateUrl: 'partials/layout/sections/header.html' }, 'footer': { templateUrl: 'partials/layout/sections/footer.html' } } }) .state('root.home', { url: '/' }) .state('root.signup', { url: '/signup', views: { […]