如何使用angular ui-router

Question

我有这个路线定义：

        .state('main', {
            url: '/main',
            abstract: true,
            templateUrl: 'main.html',
            controller: 'main'
        })

        .state('main.board', {
            url: '/:boardId',
            views: {
                board: {
                    templateUrl: 'board.html',
                    controller: 'board'
                },
                menu: {
                    templateUrl: 'menu.html',
                    controller: 'menu'
                }
            }
        })

这个想法是main.html是一个框架，它包含2个视图，我在其中插入了电路板和菜单模板：

<ion-nav-view name="menu"></ion-nav-view>
<ion-nav-view name="board"></ion-nav-view>

我想要复制的东西类似于Trello板视图，并且根据这些定义，它可以工作。现在，我还想在菜单中添加一个内部导航，就像Trello一样：

但我不知道如何定义状态以实现这一目标。