角度动画有条件地应用

Question

我在基于ASP.NET的Angular项目中应用了Angular-Animations的fadein效果，并且只显示了淡入的第一行。但是，使用* ngIf时，其他行将不会显示，如下所示：

<ng-template pTemplate="body" let-row let-i="rowIndex">
    <tr *ngIf="i==0" [@fadeInOnEnter]>
        <td>
            <a [routerLink]="['/detail/']">{{ row.Summary }}</a>
        </td>
    </tr>
</ng-template>

我知道在这种情况下可以使用else，但是我不想重复此示例中省略的许多<td>块。因此，有一种方法可以仅在*ngIf字段中条件为true时显示动画，并显示没有动画的相同块。

Answer 1

您可以仅将条件应用于动画吗？

[@fadeInOnEnter]="i == 1"