Инструменты пользователя

Инструменты сайта


angular:angular2:forms:ngmodelgroup

Это старая версия документа!


NgModelGroup

NgModelGroup - Создает и привязывает экземпляр FormGroup к элементу DOM.

Эта директива может использоваться только как дочерний элемент NgForm (в тегах формы).

Используйте эту директиву, чтобы проверить подгруппу вашей формы отдельно от остальной части вашей формы.

Укажите имя подгруппы, и оно станет ключом для подгруппы. Если вам нужен прямой доступ, экспортируйте директиву в локальную переменную шаблона с помощью ngModelGroup (например: # myGroup = 'ngModelGroup').

      <form (ngSubmit)="submitForm(myForm)" #myForm="ngForm">
        <div ngModelGroup="user" #user="ngModelGroup">
          <div class="form-group" [ngClass]="{'has-error': email.invalid && email.touched}">
            <label>Email</label>
            <input email required ngModel name="email" type="text" #email="ngModel" class="form-control">
            <p class="help-block" *ngIf="email.invalid && email.touched">Введите корректный email</p>
          </div>
          <div class="form-group" [ngClass]="{'has-error': pass.invalid && pass.touched}">
            <label>Пароль</label>
            <input required ngModel #pass="ngModel" name="pass" type="password" class="form-control">
            <p class="help-block" *ngIf="pass.invalid && pass.touched">поле пароль не должно быть пустым</p>
          </div>
        </div>
 
        <h2 *ngIf="user.invalid && user.touched">Данные пользователя введены неккоректно</h2>
angular/angular2/forms/ngmodelgroup.1613303077.txt.gz · Последние изменения: 2023/01/12 12:15 (внешнее изменение)