编辑:哈哈.刚看到我迟到了10个月.
我刚碰到你正在谈论的内容.如果使用ng-repeat动态渲染每个选项卡中的内容,则可以避免重复使用侧面板多次.
{{tab.sidepanel}}
{{tab.content}}
您也不需要使用绝对定位:
.sidePanel {
float: left;
width: 20%;
height: 10em;
border: 1px solid black;
border-top: none;
}
或者,如果您使用的是angular-ui-router,则可以使用抽象状态来完成静态侧面板.
config.js
$stateProvider
.state('root.tabs', {
abstract: true,
controller: 'TabsCtrl as vm',
templateUrl: 'templates/app-layout/tabs.tpl.html'
})
.state('root.tabs.view', {
url: '/tabsview',
templateUrl: 'templates/app-layout/sidepanel.tpl.html'
});
tabs.tpl.html
{{tab.content}}
sidepanel.tpl.html
希望这可以帮助