دستور فرم AngularJS

تعریف و استفاده

تغییر 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، تو ان کلاسز مٹ جائیں گی۔