9

角度のあるブートストラップ タブセットで初期タブを設定できないようです。常に一番左のタブをアクティブに設定します。

与えられたhtml:

<tabset>
    <tab heading="Static 1" active="data.static1">Static content</tab>
    <tab heading="Static 2" active="data.static2">Static content</tab>
</tabset>

そしてjs:

angular.module('plunker', ['ui.bootstrap']);
var TabsDemoCtrl = function ($scope) {
  $scope.data = {static1: false, static2: true}
};

プランカーを見る

2013 年 8 月 6 日更新: アップストリームが修正されました。github の問題を参照してください。

4

4 に答える 4

13

(静的)タブは、ディレクティブの実行時にアクティブに渡されたものを上書きするようです。バグだと思います。迅速かつ汚い、0秒の遅延でタイムアウトを使用してアクティブ状態を設定できます。少なくとも plunkr では、ちらつきは発生しません。コントローラーで:

$scope.data = {};
$timeout(function() {
  $scope.data.static2 = true;  
}, 0)

http://plnkr.co/edit/3KbdKh?p=preview

于 2013-07-17T09:24:33.517 に答える
3

私は今日この問題を抱えていましたが、それを回避する最短の方法は ng-init を使用して設定することであることがわかりました:

<tabset justified="true" ng-init="tabs[initialTab].isActive = true">
    <tab heading="Static 1" active="tabs.Inprogress.isActive"></tab>
    ...
于 2014-11-27T10:54:54.340 に答える
3

バージョン 0.6.0 までの angular-ui / ブートストラップのすべてのバージョンに問題があります。

http://plnkr.co/edit/73lm068buZf851h47FVQ?p=preview

bootstrap3自分で構築する必要があるブランチで機能します。

http://plnkr.co/edit/uOASvZ71DzgZqODmHQP8?p=preview

于 2013-11-14T16:01:21.773 に答える