javascript - Angular ui-bootsrap 选项卡没有内容

Question

尝试使用来自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>          

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

谢谢你。

Answer 1

你能发布LoggerController代码吗？

您的页脚div未关闭。

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

如果所有这些条件都满足，那么你应该没问题，我想。:)