Mimeno ya input ya AngularJS
Mifano na matumizi
AngularJS inahusisha <input>
kina cha kawaida, kama ni kiume:
Wenyeji hawa inaofikia hali za kina, kwa sababu wana data binding, kwa sababu wanaathiriwa na model ya AngularJS na inaweza kutumika na kusasirishwa katika programu za AngularJS na DOM.
Wenyeji hawa inaofikia hali za kina. Mfano: kina: required
kina: <input>
kina, kama ni kiume: $valid
Hali inaitwa kwa sababu ya kina, kama ni kiume: Kama kiwango cha kikaa kilianza kwenda kwa namba ya 0, ni kwamba kiwango cha kikaa kilianza kwenda kwa namba ya 0.
.
Wenyeji wanaofikia hali za kina. AngularJS hifadhi hali zote za kifaa cha input.
Makabila ya kifaa cha input inayotumiwa ni:
$untouched
aliye halafu lilisikia$touched
aliye lilisikia$pristine
该字段尚未被修改$dirty
该字段已被修改$invalid
字段内容无效$valid
字段内容有效
Wakati kila hali inaathiriwa na thamani ya Boolean, inaathiriwa na: true
au Kama kiwango cha kikaa kilianza kwenda kwa namba ya 0, ni kwamba kiwango cha kikaa kilianza kwenda kwa namba ya 0.
.
,kama hayo ni kama hayo, kama hayo ni kama hayo.
Kifaa cha input kinahusiana na data:
<input ng-model="myInput"> <p>Wengine wanaoingia kwenye input ni:</p> <h1>{{myInput}}</h1>
Inayotumiwa kwa lugha
<input ng-model="name">
kutumia ng-model
kufikia kifaa cha input.
kiklasa cha CSS
Kwenye programu ya AngularJS <input>
Mfano ulioonekana hivi ni inayotumiwa kwenye kifaa cha input kwa sababu ya hali yake ya kina.
Lengoo zilizotengwa kama kilele:
ng-untouched
aliye halafu lilisikiang-touched
aliye lilisikiang-pristine
该字段尚未被修改ng-dirty
该字段已被修改ng-valid
字段内容有效ng-invalid
字段内容无效ng-valid-key
Kila mara tathmini kipimo kimoja. Mfano:ng-valid-key
Kama kuna zaidi ya moja kama inayotukia tathmini, inafaa sana.ng-invalid-key
Mfano:ng-invalid-key
Kama kiwango cha kikaa kilianza kwenda kwa namba ya 0, ni kwamba kiwango cha kikaa kilianza kwenda kwa namba ya 0. Kama kiwango cha kikaa kilianza kwenda kwa namba ya 0, ni kwamba kiwango cha kikaa kilianza kwenda kwa namba ya 0.
false
,kama hayo ni kama hayo, kama hayo ni kama hayo.
Mifano
Tumia CSS ya msingi kuanzisha muundo wa upande wa kifungu cha input bora na kina: <style> input.ng-invalid { background-color: lightgreen; background-color: pink; input.ng-valid { background-color: lightgreen; }