Angular ui-bootstrap选项卡没有内容

时间:2013-07-08 12:55:27

标签: javascript angularjs angular-ui

尝试使用angular-ui中的标签。

我的模板:

<div id="footer" ng-controller="LoggerController">

        <button id="logger_button" ng-click="isCollapsed = !isCollapsed" class="btn">
        </button>

        <div id="log_div" collapse="isCollapsed">
            <div class="log_tab_div" style="height: 240px; width: 100%;">
                 <tabset>
                    <tab heading="Static title">Some sontent</tab>
                    <tab heading="Static title">Static content</tab>
                </tabset>
            </div>
        </div>          

我看到标签,但此标签中没有内容。

谢谢。

1 个答案:

答案 0 :(得分:1)

您能否发布LoggerController代码?

您的页脚div未关闭。

您是否已将angular-ui引导脚本http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js添加到您的网页并将ui.bootstrap注入您的角度应用模块,如下所示angular.module('aModule', ['ui.bootstrap']);

如果符合所有条件,那么你应该没事。 :)