проверка элементов управления формой имеет больший приоритет, чем переход по другому URL-адресу - angular2

на странице html есть <form> с проверкой и тегом <a>, как показано ниже.

<form #loginForm="ngForm" (ngSubmit)="login()" novalidate>
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" class="form-control" id="email" placeholder="Email"
        required
        email
        [(ngModel)]="model.email" name="email"
        #email="ngModel">
        <div *ngIf="email.invalid && (email.dirty || email.touched) " class="ha-control-alert">
          <div *ngIf="email.errors.required">Email is required</div>
          <div *ngIf=" !email.errors.required  && email.errors.email">Email is invalid</div>
        </div>
      </div>
</form>
<div>
    <a [routerLink]="['/account/forgot']">Forgot your password?</a>
</div>

проблема в том, что если ввод (ввод электронной почты) касается пользователя, но остается пустым, и после этого пользователь нажимает на <a>, страница не перенаправляется, и появляется сообщение об ошибке для ввода, после этого, если пользователь снова нажимает на <a>, страница будет перенаправлен, кажется, что проверка проверки и отображение сообщения об ошибке имеет больший приоритет, чем навигация по тегу <a>, это странно, кажется, что требуется еще один шаг взаимодействия с пользователем, после чего навигация будет работать. как можно решить эту проблему?