Question

<div ng-repeat="object in data">
    <!-- parent -->
    <section id="{{object.tag}}"  ng-class-odd="'content text-center light'" ng-class-even="'content text-center dark'">
    ...
        <!-- child -->
        <p ng-repeat="record in object.records">
            {{record.title}} <a href="/#/r/{{record._id}}" class="btn btn-xs btn-primary">read</a>
        </p>
    ...

    </section>
</div>

如果父类很轻，我的第二个lopp需要 btn-primary ，如果父类很暗，我需要 btn-default 在我的第二个循环中。

我对父类使用 ng-class-odd 和 ng-class-even ，但我如何在中检测到strong>我的第二个循环？

Answer 1

甚至比使用父$index更好，您可以使用

<p ng-repeat="record in object.records">
    {{record.title}} <a href="/#/r/{{record._id}}" class="btn btn-xs" ng-class="{'btn-primary': $parent.$even, 'btn-default': $parent.$odd}">read</a>
</p>

Answer 2

您可以使用$parent.$index。

将内循环更改为：

<p ng-repeat="record in object.records">
    {{record.title}} <a href="/#/r/{{record._id}}" class="btn btn-xs" ng-class="{'btn-primary': $parent.$index%2 != 0, 'btn-default': $parent.$index%2 == 0}">read</a>
</p>

Answer 3

您可以访问$parent.$index

像这样：<a ng-if="$parent.$index%2==0" href="/#/r/{{record._id}}" class="btn btn-xs btn-primary">read</a> <a ng-if="$parent.$index%2!=0" href="/#/r/{{record._id}}" class="btn btn-xs btn-default">read</a>

在此处查看工作演示：http://jsfiddle.net/RLQhh/2773/

AngularJS中父级的ng-class-odd

3 个答案: