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

【问题标题】：Common tabs footer is placed under navbar常用选项卡页脚放置在导航栏下
【发布时间】：2013-07-03 14:31:09
【问题描述】：

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

现在我想升级到0.4，但它有新版本的选项卡，其中内容嵌入到navbar 中，而普通页脚变成了页眉。

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

【问题讨论】：

标签： javascript twitter-bootstrap angularjs tabs angular-ui-bootstrap

【解决方案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>

【讨论】：

有一个很好的解决方案，但实际上在我的情况下，页脚有类似 facebook 的按钮，它必须是唯一的元素。因为我想把页脚移到标签之外，用 CSS 做连续的边框。