angularjs - 在 Angular Bootstrap 中设置初始静态选项卡

Question

我似乎无法在有 Angular 的 bootstrap 选项卡集中设置初始选项卡。它始终将最左侧的选项卡设置为事件状态。

给定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}
};

见 Plunker

2013年8月6日更新:现在已在上游修复，请参见 github issue。

Answer 1

看起来，(静态)选项卡会覆盖运行该指令时传递给事件对象的所有内容。我认为这是一个错误。快速又肮脏，您可以使用具有0秒延迟的超时来设置事件状态。至少在插拨器中，这不会引起任何闪烁。在您的 Controller 中:

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

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