Angular动画在视图创建后会自动执行，但在某些情况下，这可能会导致性能问题。为了避免这种情况，我们可以禁用动画，直到视图完全创建。

在组件中，我们可以通过 AfterViewInit 生命周期钩子来禁用动画。以下是一个示例：

import { Component, OnInit, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit, AfterViewInit {
  animate: boolean = false;

  constructor() { }

  ngOnInit(): void {
    // do something
  }

  ngAfterViewInit() {
    setTimeout(() => {
      this.animate = true;
    });
  }
}

在模板中，我们可以使用 NgIf 指令来判断是否应该显示动画。以下是一个示例：

这样，在视图完全创建之前，动画就会被禁用，这有助于提高性能，并避免任何不必要的问题。