親がangularJSでアクティブクラスを持っている場合のみ子を作成する

Question

親要素に 'アクティブ'クラスがあるという条件に基づいてng-ifを使用してangularJSでスパンを作成しようとしています。

私はこれをどのように達成するのか分かりません。

は、ここに私のコードです：

<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> 

どのように私はこれを達成できますか？

Answer 1

あなたは次のコードのようなものを試すことができますか、あなたの例としては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; 
};