2

我在 html 页面的正文中编写了一个标签集。但是，只有一部分显示出来，其他部分显示在标题附近，作为由项目符号表示的列表项。我知道我已经正确安装了所有东西，因为在另一个页面上我有一些非常相似的东西。篡改代码时，我似乎无法弄清楚。在检查元素的控制台日志中，我收到错误“ Error: [$compile:ctreq] http://errors.angularjs.org/1.5.5/$compile/ctreq?p0=tabset&p1=tab”。此外，在检查编译的 html 时，我可以看到两个“缺失”的选项卡是这样的：

<li class="ng-isolate-scope" ng-class="{active: active, disabled: disabled}"></li>
    <a class="ng-binding" href="" ng-click="select()" tab-heading-transclude="">
      </a>

这是有问题的代码片段：

<tabset id="center"  align="center">
    <tab>
        <tab-heading style="text-align:left">
            <span ng-click="showme=0" style="text-align:left">Tab0</span>
        </tab-heading>
        <% include content0 %>
    </tab>
    <tab>
        <tab-heading>
            <span ng-click="showme=1" style="text-align:left">Tab1</span>
        </tab-heading>
        <!-- end Tab0, Begin Tab1 -->
        <% include content1 %>
    </tab>
    <tab>
        <tab-heading>
            <span ng-click="showme=2" style="text-align:left">Tab2</span>
        </tab-heading>
        <!-- End Tab2, begin Tab3 -->
        <% include content2 %>
    </tab>
    <tab>
        <tab-heading>
            <span ng-click="showme=3" style="text-align:left">Tab3</span>
        </tab-heading>
        <!-- End Tab3, Begin Tab4 --> 
        <% include content3 %>
    </tab>
    <tab>
        <tab-heading>
            <span ng-click="showme=4" style="text-align:left">Tab4</span>
        </tab-heading>
        <!-- End of Tab4, Begin Tab5 -->
        <%include content4%>
    </tab>
    <tab>
        <tab-heading>
            <span ng-click="showme=5" style="text-align:left">Tab5</span>
        </tab-heading>
        <!-- End Tab5, begin Tab6 -->
        <% include content5 %>
    </tab>
</tabset>

编辑：删除 Tab4 时，它可以工作。我分析了Tab4的内容，没有什么不合法的。我还是很困惑。

4

0 回答 0