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>

</style>

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 lilisikia
  • ng-touched aliye lilisikia
  • ng-pristine 该字段尚未被修改
  • ng-dirty 该字段已被修改
  • ng-valid 字段内容有效
  • ng-invalid 字段内容无效
  • ng-valid-key Kila mara tathmini kipimo kimoja. Mfano:ng-valid-keyKama 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;
}

</style>