<div
class="form-group" ngModelGroup="userContactData"
>
<input type="number" ngModel name="phone"
>
<input type="text" ngModel name="email"
>
</div
>
</form
>
Endi
siz shaklni topshirganingizda, qiymat xususiyati avvalgidek intuatsiya bo'lmagan qiymatlarga ega bo'lgan ob'ektni saqlaydi, ammo bu qiymatlar ikkita boshqa ob'ekt ichida bo'ladi - userContactData va userMainData (bizning guruhlarimizning nomlari).
Guruh tekshiruvi
Bundan tashqari, DOMe-da, sinflar bizning
guruhlarimizga inpatlar kabi, tasdiqlash uchun qo'llaniladi, shunda siz butun guruhni tasdiqlashingiz mumkin (agar inpatlar birontasi haqiqiy emas bo'lsa, unda biror narsa deduktsiya qilinishi kerak).
Quyidagi misolda guruhga lokal o'zgaruvchi qo'shish
#userMainData="ngModelGroup"
va keyin yuqoridagi misollardagi inputesga o'xshash haqiqiy emas bo'lsa, blokni deduksiya qiling.
(ngSubmit)="onSubmit()" #testForm="ngForm"
>
*ngIf="!userMainData.valid && userMainData.touched" class="error"
>User
Data is invalid
class="form-group" ngModelGroup="userContactData">
type="number" ngModel name="phone">
type="text" ngModel name="email">
Boshqa turdagi inpatlar
Tanlash - optsiya
Aytaylik, javobni kiritish uchun savollar va textarea bilan tushgan ro'yxatni ko'rsatishimiz kerak: