Animation kann bei verschachteltem ngRepeat nicht ausgelöst werden

Ich kann nicht herausfinden, wie Animationen in einem verschachtelten ngRepeat mit Angular ausgelöst werden.

Die CSS-Klasse ".test" ist animiert. Bei Verwendung von ".test" auf dem inneren ngRepeat funktioniert es nicht (Plunker):

<div ng-repeat="section in sections">
  <div ng-repeat="item in section.items" class="test">
    <h2>{{item.title}}</h2>
  </div>
</div>

Bei Verwendung von ".test" auf dem äußeren ngRepeat funktioniert es (Plunker):

<div ng-repeat="section in sections">
  <div ng-repeat="item in section.items" class="test">
    <h2>{{item.title}}</h2>
  </div>
</div>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage