效果类似与 easyui 或者 b-jui 的多tab窗口功能。如:http://demo.b-jui.com/
我想到主要有两个技术难点:
1、每个tab窗口对应一个Controller。
2、每个tab窗口对应一个ui-router的state。
每个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'
})