AngularJS form ਨਿਰਦੇਸ਼

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

AngularJS ਸੰਸ਼ੋਧਨ <form> ਏਲੀਮੈਂਟ ਦਾ ਮੂਲ ਵਿਵਹਾਰ

AngularJS ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਅੰਦਰ ਫਾਰਮ ਨੂੰ ਕੁਝ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਿੱਤੀਆਂ ਗਈਆਂ ਹਨ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਫਾਰਮ ਦੀ ਮੌਜੂਦਾ ਸਥਿਤੀ ਦਾ ਵਰਣਨ ਕਰਦੀਆਂ ਹਨ。

ਫਾਰਮ ਦੇ ਹੇਠ ਲਿਖੇ ਸਥਿਤੀ ਹਨ:

• $pristine ਕੋਈ ਫੀਲਡ ਨਹੀਂ ਸੰਸ਼ੋਧਿਤ ਕੀਤਾ ਗਿਆ
• $dirty ایک یا متعدد فیلڈ بدل دیئے گئے ہیں
• $invalid فرم کا مطلب ناقص
• $valid فرم کا مطلب معتبر
• $subscribed ਫਾਰਮ ਭੇਜਿਆ ਗਿਆ

ਹਰੇਕ ਸਥਿਤੀ ਦਾ ਮੁੱਲ ਬੁਲੀਨ ਵਾਲੀ ਹੈ, ਜਿਸ ਵਾਲੀ ਹੈ true ਜਾਂ false.

action ਵਿਸ਼ੇਸ਼ਤਾ ਨਾ ਦੇਣ ਤਾਂ AngularJS ਵਿੱਚ ਫਾਰਮ ਮੂਲ ਕਾਰਵਾਈ ਨੂੰ ਰੋਕੇਗਾ, ਯਾਨੀ ਸੇਵਰ ਨੂੰ ਫਾਰਮ ਭੇਜਣਾ。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਜਦੋਂ ਜ਼ਰੂਰੀ ਇਨਪੁਟ ਫੀਲਡ ਖਾਲੀ ਹੋਵੇ ਤਾਂ ਇਸ ਫਾਰਮ ਦਾ 'ਪ੍ਰਮਾਣਿਕ ਸਥਿਤੀ' 'true' ਮੰਨਿਆ ਨਹੀਂ ਜਾਵੇਗਾ:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>ਫਾਰਮ ਦਾ ਪ੍ਰਮਾਣਿਕ ਸਥਿਤੀ ਹੈ:</p>
<h1>{{myForm.$valid}}</h1>

زندہ بند تلاش کریں

ਉਦਾਹਰਣ 2

ਕੋਸ਼ਿਸ਼ ਵਿੱਚ ਪਾਇਆ ਹੈ (ਮੂਲ) ਫਾਰਮ ਅਤੇ ਸੰਸ਼ੋਧਿਤ ਫਾਰਮ ਉੱਤੇ ਸਟਾਈਲ ਲਾਗੂ ਕਰੋ:

<style>
form.ng-pristine {
    background-color: lightblue;
}
form.ng-dirty {
    background-color: pink;
}
</style>

زندہ بند تلاش کریں

گرامر

<form name="formname</form>

کے ذریعے نیم کی ویلو کے ذریعے فرم کو رجوع کیا جاتا ہے

سی ایس ایس کلاس

انگولار جی ایس ایپلی کیشن کے اندر فرم کو کچھ کلاس دیئے گئی ہیں، یہ کلاس کسی بھی حالت کے مطابق فرم کا سائٹل ستائل تنظیم کرنے کے لئے استعمال کی جاسکتی ہیں

مندرج کی گئی کلاس

• ng-pristine فیلڈ کو بدلنا نہیں کیا گیا
• ng-dirty ایک یا متعدد فیلڈ بدل دیئے گئے ہیں
• ng-valid فرم کا مطلب معتبر
• ng-invalid فرم کا مطلب ناقص
• ng-valid-key ہر مرتبہ ایک کلید تصدیق کرناng-valid-required، جب متعدد ضروری تصدیق کرنا ہوتا ہے تو بہت فائدہ مند ہوتا ہے
• ng-invalid-key مثلاً:ng-invalid-required

اگر کلاس کا مراد کا مطلب false، تو ان کلاس کو میٹھ کیا جائے گا。