仅当父级在angularJS中具有活动类时才创建子级

时间:2017-10-27 16:07:05

标签: angularjs conditional parent-child angular-ng-if

我尝试使用ng-if在angularJS中创建一个span,如果基于父元素具有“活跃”的条件。类。

我不知道如何实现这一目标。

这是我的代码:

<li data-target='#carousel-custom' data-slide-to='{{$index}}' ng-repeat="obj in myData | limitTo:4" ng-class='{active:$first}'>
    <span ng-if="if parent li is active()"></span>
    <img ng-src="{{obj.source}} />
</li>

我如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

您可以尝试类似下面的代码,也可以查看此fiddler作为示例。

模板:

<li ng-repeat="obj in myData" ng-click="select($index)" ng-class="{active: $index == selected}">
     {{obj.value}}
     <span ng-if="$index==selected">*</span>
</li>

控制器:

$scope.selected = 0;
$scope.select= function(index) {
   $scope.selected = index; 
};