|
Angularjs sintaksisi. Formalar bilan ishlash
|
| bet | 3/6 | | Sana | 26.01.2023 | | Hajmi | 28.97 Kb. | | #39630 |
Bog'liq AngularJS sintaksisi 123123123 rasskraska, 1-Ma`ruza, qidiruv algoritmlari, 631-19 guruh Toshboyev Jaloliddin KT 5-lab, 6-Maruza.Taqdimotlarni yaratish texnologiyalari, Labaratoriya ishi 3 Mobil ilovalarini ishlab chiqish Orifjanov Shavkatbek, Smart city, amaliyot 10, Laboratoriya ishi 11-12, ehtimollar test belgilangan, ЗАДАНИЕ 3 , 9-ma\'ruza 2021-2022 IRT, xisob ishchi dastur 2019-2020, (KOICA) Application Guideline 2022, KOMPYUTER NAZORATI PRINTSIPLARI<button [disabled]="!testForm.valid" type="submit">Test Submit</button>
</forma>
Tugma yoki blokka osilgan, haqiqiy bo'lmaganda paydo bo'lgan holatlar operatorlar tomonidan birlashtirilishi mumkin
&&
yoki
||
yuqoridagi blok bilan misolda ko'rib turganingizdek.
2. Uslublarni tasdiqlanmagan va allaqachon tegib ketgan komponentlarga tayinlash (bu inputam Agular ular bilan sodir bo'lgan amallarga qarab ma'lum uslublarni qo'shishi tufayli mumkin):
input.ng-invalid.ng-tegilgan {
chegara: 3px qattiq qizil;
}
Kiritish uchun bogʻlash va andoza qiymat
Angular ichida 3 ta xossa mavjud:
1) Hech qanday bog'lash - yuqoridagi barcha misollarda bo'lgani kabi, kirish uchun hech qanday majburiy va standart qiymat bo'lmaganda.
2) Bir tomonlama urug'lantirish, bu andoza kirish qiymatini belgilash imkonini beradi. Aslida, bu "bir martalik statik":
type="text" ngModel name="email"[ngModel]="emailDefault">
3) Ikki tomonlama bog'lash - faqat [ngModel] ichida qavslar qo'shing va kirish ustidan to'liq nazoratni oling:
<input type="text" ngModel name="email"[(ngModel)]="emailDefault">
Guruh shakli elementlari
Forma ichida uning bir nechta elementlarini (yoki barchasini) tasdiqlash va ma'lumotlarni olishni osonlashtirish uchun ngModelGroup ko'rsatmasi yordamida guruhlash mumkin.
<form (ngSubmit)="onSubmit()" #testForm="ngForm">
<div class="form-group" ngModelGroup="userMainData">
<input type="text" ngModel name="username">
<input type="text" ngModel name="firstname">
<input type="text" ngModel name="lastname">
</div>
<button [disabled]="!testForm.valid" type="submit">Test Submit</button>
|
| |
