我想知道为什么动画在这种情况下不会对<tr>
元素起作用(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>
但是当这样编写plnkr时,<td>
元素会工作:
<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>
为什么会发生这种情况,以及如何使用<tr>
属性在data-ng-repeat-end
上制作动画?