小编Mic*_*son的帖子

我在角度应用程序中有一个动画

@Component({
  selector: 'app-portfolio',
  templateUrl: 'portfolio.page.html',
  styleUrls: ['portfolio.page.scss'],
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

但是，同一位置有两个元素使用它，并且它们不能同时出现在屏幕上。因此，如果我选择显示一个元素，那么另一个元素将自动隐藏。问题是我只想在另一个元素没有动画时动画出来。有没有办法只在满足条件时显示动画？像这样的东西吗？

  <ion-item color="primary" (element2open === false)=[@slideInOut] *ngIf="openElement1" lines="none">
  </ion-item>
  <ion-item color="primary" (element1open === false)=[@slideInOut] *ngIf="openElement2" lines="none">
  </ion-item>