我一直在尝试动画一个*ngIf，但我注意到它只在第一个页面加载或刷新时动画

*ngIf是Angular框架中的一个指令，用于根据条件来显示或隐藏HTML元素。当条件为true时，元素会被渲染并显示在页面上；当条件为false时，元素会被移除并隐藏。

动画效果可以通过Angular的动画模块来实现。你可以使用Angular的动画功能来为*ngIf指令添加动画效果，使元素在显示或隐藏时具有过渡效果。

首先，你需要在Angular应用中引入动画模块。在你的模块文件中，导入BrowserAnimationsModule或NoopAnimationsModule：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    BrowserAnimationsModule
  ],
  // ...
})
export class AppModule { }

接下来，你可以在组件的模板文件中使用Angular的动画功能。你可以使用trigger函数来定义一个动画触发器，然后使用state、transition和animate函数来定义状态、过渡和动画效果。

下面是一个简单的示例，展示了如何为*ngIf指令添加淡入淡出的动画效果：

<div [@fadeInOut]="isVisible" *ngIf="isVisible" class="fade-in-out-element">
  <!-- 内容 -->
</div>

import { Component } from '@angular/core';
import { trigger, state, style, transition, animate } from '@angular/animations';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css'],
  animations: [
    trigger('fadeInOut', [
      state('void', style({ opacity: 0 })),
      state('*', style({ opacity: 1 })),
      transition('void <=> *', animate('300ms')),
    ])
  ]
})
export class ExampleComponent {
  isVisible = false;

  toggleVisibility() {
    this.isVisible = !this.isVisible;
  }
}

在上面的示例中，我们定义了一个名为fadeInOut的动画触发器。它有两个状态：void表示元素不在DOM中，*表示元素在DOM中。我们使用state函数定义了这两个状态的样式，transition函数定义了状态之间的过渡效果。

在组件类中，我们使用isVisible变量来控制元素的显示与隐藏。通过点击按钮或其他事件，可以调用toggleVisibility方法来改变isVisible的值，从而触发动画效果。

这只是一个简单的示例，你可以根据需要自定义更复杂的动画效果。如果你想了解更多关于Angular动画的信息，可以参考Angular官方文档。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的品牌商，我无法提供相关链接。但你可以通过访问腾讯云官方网站，查找与云计算相关的产品和服务，以满足你的需求。