AngularJS (1.3.0-rc.2): data animation problem-ng-repeat-end

I am wondering why the animation will not work on the element <tr>in this case ( plnkr ):

<tr data-ng-repeat-end data-ng-show="employee.show" class="animate-show">
  <td colspan="5">
    <div class="employeeInfo">
      <img ng-src="http://placehold.it/{{employee.size}}" />Employee info
    </div>
  </td>
</tr>

But will work on an element <td>when writing like this ( plnkr ):

<tr data-ng-repeat-end  ng-animate-children>
  <td colspan="5" data-ng-show="isToggled[$index]" class="animate-show">
    <div class="employeeInfo">
      <img ng-src="http://placehold.it/{{employee.size}}" />Employee info
    </div>
  </td>
</tr>

Why is this happening, and what can be done to achieve animation in attribute <tr>c data-ng-repeat-end?

+4
source share

All Articles