選項卡之間的AngularJS Bootstrap選項卡導航在IE8中不起作用

Question

該應用程序很好，並且可以在現代瀏覽器中運行。 但是，我需要它在Internet Explorer 8中工作，並且選項卡的ng-repeat似乎無法正常工作。 我無法在各個標簽之間進行導航，但“懸浮”標簽和“活動”標簽仍在工作，但內容沒有變化。

看看我的代碼。

HTML

<ul tabset id="tab-control">
    <ul tab class="dropdown-toggle" ng-repeat="tab in tabs" heading="{{tab.Name}}"  
        id="{{tab.codeListe}}" active="tab.active" disabled="tab.disabled" ng-click="tab_click(tab.codeListe, $index)" 
        ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos>
            <!-- ng-repeat should fire here -->

        <section class="accordion">
            <!-- Content Goes here -->
        </section>

    </ul>
</ul>

這些是我使用現代瀏覽器時的要素，並且可以正常工作。（來自ChromeDevTools）。

<ul class="nav nav-tabs" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="" style="width: 600px; position: absolute; left: 0px; top: 0px; display: block;">
         <!-- ngRepeat: tab in tabs -->

         <!-- <li> contains my ng-click and my ng-rightclick functions. I need them.-->

    <li ng-class="{active: active, disabled: disabled}" tab="" class="dropdown-toggle ng-isolate-scope" ng-repeat="tab in tabs" heading="1A Test" id="126279" active="tab.active" disabled="disabled" ng-click="tab_click(tab.codeListe, $index)" ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos="" style="width: 200px;">
        <a ng-click="select()" tab-heading-transclude="" class="ng-binding wrap" style="">1A Test</a>
        <div class="close-tab icon-delete"></div>
    </li>
        <!-- end ngRepeat: tab in tabs -->

    <li ng-class="{active: active, disabled: disabled}" tab="" class="dropdown-toggle ng-isolate-scope" ng-repeat="tab in tabs" heading="1B Test" id="126290" active="tab.active" disabled="disabled" ng-click="tab_click(tab.codeListe, $index)" ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos="" style="width: 200px;">
        <a ng-click="select()" tab-heading-transclude="" class="ng-binding wrap" style="">1B Test</a>
        <div class="close-tab icon-delete"></div>
    </li>
        <!-- end ngRepeat: tab in tabs -->
</ul>

這是來自我的IE8開發人員工具。

<div class="tabbable ng-isolate-scope" id="tab-control" tabset="" jQuery17106089792077578351="109">
    <ul class="nav nav-tabs" style="width: 968px;" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="" jQuery17106089792077578351="110">

         <!-- ngRepeat: tab in tabs -->
         <!-- nothing happens here. <li> from ng-repeat does not append 
             This is my main problem, because this contains the click and
             rightclick function I need to navigate between tabs-->
    </ul>
</div>

選項卡視圖還可以，我遵循了這一點。 AngularUI-兼容的瀏覽器

更新。

我的功能沒有問題，因此未包含在內。

Answer 1

Angular 1.3放棄了對ie8的支持。