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

2023-11-26

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

给定 html:

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

and js:

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

See the Plunker

2013 年 8 月 6 日更新:现已修复上游,请参阅github问题.


看起来(静态)选项卡会覆盖指令运行时传递给活动的任何内容。我认为这是一个错误。快速而肮脏,您可以使用 0 秒延迟的超时来设置活动状态。至少在plunkr中,这不会导致任何闪烁。在你的控制器中:

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在角度引导程序中设置初始静态选项卡 的相关文章