javascript - 常用选项卡页脚放置在导航栏下

Question

在angular-ui v0.3我使用了带有通用页脚的旧 tabs 指令，就像这个例子一样。http://plnkr.co/edit/5K1xIf

现在我想升级到0.4，但它有新版本的选项卡，其中内容嵌入到navbar并且公共页脚成为页眉。

如何更改我的代码以使选项卡可以像以前一样工作？

Answer 1

您可以使用以下ng-include指令在每个单独的选项卡中包含页脚：

<tabset>
   <tab heading="First Tab">
      First Tab content
      <div ng-include="'footer.html'"></div>         
   </tab>
   <tab heading="Second Tab">
      Second Tab content 
      <div ng-include="'footer.html'"></div>      
   </tab>       
</tabset>

还有一个例子footer.html：

<div class="footer">tabs footer</div>