Угловой шаблон Validator для остановки называется onblur

Я использую Validator в angular 5. (blur) = "update (false)" вызывается, когда проверка неверна. Как я могу остановить onblur, чтобы его вызывали, если входное значение недействительно.

  <input required pattern = "^(https?://)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*/?$"
         id = "url" (blur) = "update(false)" type = "text" class = "form-control" name = "url"
         [(ngModel)] = "urls" #url = "ngModel">
  <span class = "help-block" *ngIf = "url.errors?.required && url.touched">
    URL is required
  </span>
  <span class = "help-block" *ngIf = "url.errors?.pattern && url.touched">
    URL is Invalid
  </span>

angular

06.03.2019 00:55

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуй это:

<input required pattern = "^(https?://)?([\da-z\.-]+)\.([a-z\.]{2,6})([/\w \.-]*)*/?$"
         id = "url" (blur) = "url.invalid && update(false)" type = "text" class = "form-control" name = "url"
         [(ngModel)] = "urls" #url = "ngModel">
  <span class = "help-block" *ngIf = "url.errors?.required && url.touched">
    URL is required
  </span>
  <span class = "help-block" *ngIf = "url.errors?.pattern && url.touched">
    URL is Invalid
  </span>

Привет, спасибо. Он все еще срабатывает, когда URL-адрес неверен. Я пробовал оба (blur) = "!url.errors?.pattern && update(false)"

— 06.03.2019 02:22

Попробуйте использовать URL. Неверный

— 06.03.2019 02:51

Спасибо за ответ. Как я могу проверить url.invalid в файле .ts

— 06.03.2019 05:50

Вы можете использовать ViewChild, чтобы получить ссылку на элемент ввода, или вы можете передать переменную ссылки шаблона для метода обновления, такого как update (url)

— 06.03.2019 05:50

06.03.2019 01:15