проверки формы в angular2

angular typescript

78 просмотра

3 ответа

Я создаю форму, я прошел через различные веб-сайты, где я нашел подтверждение, как показано ниже, может кто-нибудь объяснить, в чем его польза.

      this.form = fbld.group({
        firstname: [''],
        lastname: ['', Validators.required],
        profilename: ['', Validators.required],
        email: ['', Validators.required],
        image: [''],
        phone: ['', phoneValidator],
        street: ['', Validators.required],
        country: [''],
    });
Автор: MMR Источник Размещён: 08.11.2019 11:09

Ответы (3)


2 плюса

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

UPD:

Однако, чтобы взять ваш пример, вы должны использовать его в своем шаблоне следующим образом:

<form [formGroup]="form">
  <label>Firstname:</label>
  <input type="text" formControlName="firstname">

  <label>Lastname:</label>
  <input type="text" formControlName="lastname">

  <!-- Other inputs here ...-->

</form>
Автор: Yaroslav Grishajev Размещён: 20.08.2016 10:32

0 плюса

Это импорт полей, который написан на HTML-странице, и ('', Validators.required) первая одиночная цитата, ввод некоторых данных в части пользовательского интерфейса сохранит в ч / б цитату

Автор: SelvaKumar Duraisamy Размещён: 12.12.2016 10:14

0 плюса

До моего понимания ..

Вы использовали валидацию реактивных форм. Где это полезно, в основном при условных проверках.

Давайте предположим.

Форма регистрации пользователя:

this.form = fbld.group({
        firstname: [''],
        lastname: ['', Validators.required],
        profilename: ['', Validators.required],
        email: ['', Validators.required],
        image: [''],
        phone: ['', phoneValidator],
        street: ['', Validators.required],
        country: [''],
    });

Форма регистрации сотрудника, где поле улицы является необязательным.

this.form = fbld.group({
            firstname: [''],
            lastname: ['', Validators.required],
            profilename: ['', Validators.required],
            email: ['', Validators.required],
            image: [''],
            phone: ['', phoneValidator],
            street: [''],
            country: [''],
        });

В вышеупомянутых случаях один и тот же вид используется в разных сценариях без тяжелой работы.

Автор: k11k2 Размещён: 17.05.2017 06:30
Вопросы из категории :
32x32