我有一个带有一个字段的表单,如果该字段不正确,我想使用动画对其进行摇动
<form [formGroup]="subscribeFormGroup">
<mat-form-field [@error]="isError" class="al-subscribe-form-field">
<input formControlName="email" matInput type="email">
<mat-icon class="al-subscribe-icon" svgIcon="mail" (click)="onSubscribeClick()"></mat-icon>
</mat-form-field>
</form>
animations: [
trigger('error', [
transition('false <=> true', useAnimation(shake)),
]),
],
public onSubscribeClick(): void {
if (this.subscribeFormGroup.invalid) {
this.isError = true;
}
...
}
现在,它仅在我尝试发送不正确的数据时才触发,如果我第二次单击按钮,则该字段不会晃动