Javascript FadeIn动画到验证-角度

我想将淡入过渡添加到角度中的验证标签-

   <form [formGroup]="regForm">
      <div formGroupName="teamdetails">
        <div class="form-group">
          <label for="teamname">Team Name:</label>
          <label class="validations" *ngIf="!regForm.get('teamdetails.teamname').valid && regForm.get('teamdetails.teamname').touched">Please Enter a Valid Team Name!</label>
          <input type="text" class="form-control" formControlName="teamname" id="teamname" required placeholder="Enter Your Team Name">
        </div>

团队名称：
请输入有效的团队名称！

---

我希望它们以不透明度转换的方式出现，我尝试了

$（'label'）。fadeIn（2000）在jQuery中，但不起作用。
将此动画添加到组件装饰器：

animations:[ trigger('load', [
        transition(':enter', [
            style({ opacity: 0 }),
            animate(600, style({ opacity: 1 }))
        ]),
        transition(':leave', [
            style({ opacity: 1 }),
            animate(600, style({ opacity: 0 }))
        ])

    ])
  ]

然后在视图中：

  <label @load style="color:red" *ngIf="myModel.invalid">INVALID</label>


您正在使用angular，因此请尝试其模块。您可以使用BrowserAnimationsModule制作动画。您好，我问了一个关于动画的新问题，不知道您是否可以回答。请看我的答案
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

  imports:      [ ...., BrowserAnimationsModule ],