Angular 模板驱动表单：仅在用户交互后验证密码字段

Question

我有表格：

<input
            type="password"
            id="password"
            name="password"
            ngModel
            #password="ngModel"
            placeholder="Input text"
            required
          />
          <span
            *ngIf="password.touched && password.invalid"
            id="passwordErrorMessage"
            class="text-danger"
            >Password is required.</span
          >
        </div>

这是模板驱动的表单

现在验证的问题是，当加载表单并且输入为空时，它是红色的。输入应该是红色的，不是在加载表单时，而是在触摸输入但仍然为空时。怎么办？

Answer 1

你可以尝试使用方法

markAsUntouched()

。请参阅文档：https://v17.angular.io/api/forms/AbstractControl#markAsUntouched