Angularjs-如果div具有类,则设置值

Angularjs-如果div具有类,则设置值,angularjs,Angularjs,如果div有类“active”,我想设置一个索引值 <div class="tab-pane active" id="tab1"> <div class="tab-pane" id="tab2"> 大概是这样的: <div class="tab-pane active" id="tab1" ng-class="(this).hasClass('active')?$index = 1: ''"> 我不知道该怎么做 据我所知,您需要set scope属

如果div有类“active”,我想设置一个索引值

<div class="tab-pane active" id="tab1">
<div class="tab-pane" id="tab2">

大概是这样的:

<div class="tab-pane active" id="tab1" ng-class="(this).hasClass('active')?$index = 1: ''">


我不知道该怎么做

据我所知,您需要set scope属性来指示活动选项卡的索引。在这种情况下,如果选择了选项卡
#选项卡1
,则
$scope.$index
应为
1
,以此类推

由于读取类属性意味着使用DOM进行生产,因此此功能的最佳位置是自定义指令。指令可以绑定到类名()非常方便。那么简单的实现可能是:

app.directive('active', function() {
    return {
        restrict: 'C',
        link: function(scope, element) {
            scope.tabIndex = element[0].id.replace('tab', '');
        }
    };
});
请注意,我设置了
tabIndex
属性,以避免将其与
ngRepeat
$index
变量混淆


这里是这种方法的一个小演示:

这里的
$index
是什么?@dfsq$index正是我想要设置的值,如果div包含类“active”,我不知道为什么需要它,但可以通过编写自定义指令来实现。我不明白为什么需要它。如果你告诉我们你想做什么,也许我们会建议一个更好的方法approach@JohnyStark根据活动div,我希望设置索引,以便运行不同的函数。我正在制作一个向导,每个步骤都需要运行不同的功能。