javascript - 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

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

Answer 3

楼主解决了吗？