Как сбросить состояние ошибки формы Clarity?

Как я могу сбросить состояние ошибки новых форм Clarity 0.13? Я использую реактивные формы и хочу полностью сбросить форму. Хотя я могу легко сбросить FormGroup Я не знаю, как я могу избавиться, например, от состояния ошибки, которое возникает при потере фокуса необходимого пустого ввода. Я искал недокументированную функцию в коде Clarity, но не смог найти ничего, что помогло бы здесь.

Вот блик стека, где вы можете воспроизвести проблему: https://stackblitz.com/edit/clarity-light-theme-v013-6s2qtq

  1. Нажмите на вход
  2. Нажмите за пределами ввода
  3. Нажмите кнопку "Сбросить форму"
  4. Ввод по-прежнему помечен как недействительный. Ну, на самом деле это так. Но мне нужно исходное состояние, чтобы повторно использовать форму.
Источник

1 ответ

Решение

К сожалению, у нас пока нет поддержки в Clarity. То, как вы можете справиться с этим на данный момент, хотя и не элегантно, это положить ngIf на форме и в основном сбросить форму и DOM одновременно. Это работает, потому что полностью разрушает DOM и состояния форм, позволяя начать все с нуля.

Это обходной путь, и мы открыли проблему для отслеживания этой функции, если вы хотите следовать ей. https://github.com/vmware/clarity/issues/2678

Демонстрация: https://stackblitz.com/edit/clarity-light-theme-v013-form-reset-workaround?file=src/app/app.component.ts

Источник
Другие вопросы по тегам