Angular - установить значение в formControl без сброса ошибок

У меня проблема с Angular 6:

Я пытаюсь вручную установить свойство ошибок в formControl с помощью .setErrors() и затем установить значение с помощью .setValue(). Метод setValue. К моему ущербу, .setValue() повторно запускает проверку и сбрасывает свойство errors в formControl на null. Вот так:

import { OnInit} from '@angular/core';
import { FormControl} from '@angular/forms';

export class CustomComponent implements OnInit {
  formControl: FormControl;

  ngOnInit() {
    this.formControl = new FormControl();
    this.formControl.setErrors({required: true});
    this.formControl.setValue('foo'); // resets formControl.errors to null
    console.info(this.formControl.errors); // returns null
  }

}

Любые идеи?

angular forms validation setvalue form-control

31.07.2018 18:36

Тестирование функциональных 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 359

Ответы 1

Я действительно понял это. Вы можете использовать .disable(), чтобы отключить автоматическую проверку в formControl - отлично работает, если вы используете formControl абстрактным способом, как в моем случае.

import { OnInit} from '@angular/core';
import { FormControl} from '@angular/forms';

export class CustomComponent implements OnInit {
  formControl: FormControl;

  ngOnInit() {
    this.formControl = new FormControl();
    this.formControl.disable({onlySelf: true, emitEvent: false});
    this.formControl.setErrors({required: true});
    this.formControl.setValue('foo');
    console.info(this.formControl.errors); // returns 'foo'
  }

}

Вы можете снова включить formControl с помощью .enable(), если вам нужно взаимодействовать с ним в шаблоне. Подробнее здесь https://angular.io/api/forms/AbstractControl#disable

31.07.2018 18:36

Другие вопросы по теме

Синтаксис для использования cookie в качестве объекта

Правило проверки jQuery на основе выбранного значения

Текстовое поле формы не редактируется

Microsoft Form - Если значение ячейки флажка больше, чем

JS Form Fill исчезает

Как бы вы динамически идентифицировали текущий элемент управления в многостраничной форме

Как отправить форму с ее собственным URL-адресом действия при нажатии кнопки в Angular js, например j Query

Мне нужно создать автономную HTML-форму для завершения с помощью кнопки, чтобы распечатать данные в таблице

Laravel 5.6 Проверка пустых полей

Как удалить сообщения об ошибках по умолчанию при проверке формы HTML5 при использовании materializecss?

Angular - установить значение в formControl без сброса ошибок

Ответы 1

Другие вопросы по теме

Похожие вопросы