Различия

Здесь показаны различия между двумя версиями данной страницы.

--- angular:angular2:forms:ngmodelgroup [2021/02/14 14:44]
werwolf создано
+++ angular:angular2:forms:ngmodelgroup [2023/01/12 12:18] (текущий)
@@ Строка 7: / Строка 7: @@
 Используйте эту директиву, чтобы проверить подгруппу вашей формы отдельно от остальной части вашей формы.\\
 \\
-Укажите имя подгруппы, и оно станет ключом для подгруппы. Если вам нужен прямой доступ, экспортируйте директиву в локальную переменную шаблона с помощью ngModelGroup (например: # myGroup = 'ngModelGroup').
+Укажите имя подгруппы, и оно станет ключом для подгруппы. Если вам нужен прямой доступ, экспортируйте директиву в локальную переменную шаблона с помощью ngModelGroup (например: #user="ngModelGroup").
 <code javascript>
+      <div class="col-xs-8 col-xs-offset-2">
       <form (ngSubmit)="submitForm(myForm)" #myForm="ngForm">
         <div ngModelGroup="user" #user="ngModelGroup">
@@ Строка 25: / Строка 26: @@
         <h2 *ngIf="user.invalid && user.touched">Данные пользователя введены неккоректно</h2>
+        <div class="form-group">
+          <label>Выберите страну</label>
+          <select required [ngModel]="defaultCountry" name="country" class="form-control">
+            <option value="ru">Россия</option>
+            <option value="by">Белоруссия</option>
+            <option value="ua">Украина</option>
+          </select>
+        </div>
+        <div class="radio" *ngFor="let ans of answers">
+          <label>
+            <input required [ngModel]="defaultAnswer" name="answer" type="radio" [value]="ans.type"> {{ans.text}}
+          </label>
+        </div>
+        <button [disabled]="!myForm.valid" class="btn btn-success" type="submit">Сохранить</button>
+      </form>
+    </div>
 </code>
+{{ :angular:angular2:forms:screen4.png |}}\\
+\\
+{{ :angular:angular2:forms:screen5.png |}}

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

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

Различия

Инструменты страницы