アプリケーションはすべて問題なく、最新のブラウザーで動作します。ただし、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 - 互換性のあるブラウザ
アップデート。
私は自分の機能に問題がないので、含めませんでした。