一尘不染

在角度引导程序中设置初始静态选项卡

angularjs

我似乎无法在有角度的引导程序标签集中设置初始标签。它始终将最左侧的选项卡设置为活动状态。

给定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问题


阅读 169

收藏
2020-07-04

共1个答案

一尘不染

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

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

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

2020-07-04