javascript - 选项卡中的 select() 函数 - Angular Bootstrap

Question

看看this有选项卡组件。在选项卡设置中有:

select()

和

deselect()

我不知道如何使用它们。 我尝试使用 $scope 从 js 文件访问它们，但没有成功

HTML

<tab ng-model="Tab1" ....>

js

$scope.Tab1.select();

但它不会选择该选项卡的内容。

请帮助我如何使用 $scope 从 javascript 或其他含义中选择选项卡内容。

Answer 1

您误解了该功能是什么。

选项卡的 select 属性是激活选项卡时调用的函数回调。您正在寻找的是 active 属性，它指的是控制选项卡激活的 bool 属性。

<tabset>
    <tab select="alertMe()" active="Tab1.active">
        <tab-heading>
            <i class="glyphicon glyphicon-bell"></i> Alert!
        </tab-heading>
    </tab>
</tabset>

所以，在这个例子中，你可以这样做

$scope.Tab1.active = true;

并且该选项卡将被激活。激活后，它将触发函数alertMe(在示例中它显示警报)。