angularjs做后台管理系统，如何实现多tab窗口的功能？

Question

效果类似与 easyui 或者 b-jui 的多tab窗口功能。如：http://demo.b-jui.com/

我想到主要有两个技术难点：
1、每个tab窗口对应一个Controller。
2、每个tab窗口对应一个ui-router的state。

Answer 1

每个tab窗口对应一个ui-router的state

<ul class="nav nav-sub dk">
<li>
    <a ui-sref="app.tab1" href class="nav-item">
        <span>tab1</span>
    </a>
</li>
<li>
    <a ui-sref="app.tab2" href class="nav-item">
        <span>tab2</span>
    </a>
</li>
<li>
    <a ui-sref="app.tab3" href class="nav-item">
        <span>tab3</span>
    </a>
</li>
</ul>

.state('app.tab1', {
    url: '/tab1',
    templateUrl: 'src/tpl/tab1.html'
}).state('app.tab2', {
    url: '/tab2',
    templateUrl: 'src/tpl/tab2.html'
}).state('app.tab3', {
    url: '/tab3',
    templateUrl: 'src/tpl/tab3.html'
})

Answer 2

用angular2 我有解决方案,利用动态加载的方法来加载页面,每次点击菜单的时候加载并实例化该菜单绑定的页面类.然后把实例化的页面加入到一个数组中然后用 *ngfor 的形式展示出来,每个页面的操作不影响其他页面,关闭或者打开的页面的时候也只需要操作页面数组

Answer 3

楼主这个问题解决了吗, 能分享下吗

Answer 4

楼主解决了吗？