AngularJS textarea ہدایت

تعلیم

AngularJS تبدیل <textarea> عنصر کا معمولی رفتار، لیکن شرط یہ ہے کہ ng-model کی اقدار موجود ہیں。

وہ اور دیتا بند فراہم کرتے ہیں، یعنی وہ AngularJS ماڈل کا حصہ ہیں اور انجولر جی اس کا اور ڈی او ایم میں استعمال اور اپدیت کرسکتا ہے。

وہ اور تصدیق فراہم کرتے ہیں، مثال: موجود required کی اقدار <textarea> عنصر، اگر وہ خالی ہے تو اس کی $valid حالت مقرر کی جائے گی false。

وہ اور حالت کنٹرول فراہم کرتے ہیں۔ AngularJS تمام متن کا علاقہ عنصر کی موجودہ حالت کو محفوظ رکھتا ہے。

متن کا علاقہ فیلڈ کی درج ذیل حالات ہیں:

• $untouched یہ فیلڈ لمس نہیں گیا ہے
• $touched یہ فیلڈ لمسا گیا ہے
• $pristine این فیلد هنوز تغییر نکرده است
• $dirty این فیلد تغییر کرده است
• $invalid محتوای فیلد نادرست است
• $valid محتوای فیلد صحیح است

کسی حالت کا مقصد ایک بولین والی اقدار ہوتا ہے، حقیقی یا نادرست。

مثال

دیتا بند متن کا علاقہ:

<textarea ng-model="myTextarea"></textarea>
<p>متن کا علاقہ فیلڈ کا مقصد:</p>
<h1>{{myTextarea}}</h1>

خود کا تجربہ کریں

گرامر

<textarea ng-model="name"></textarea>

استعمال کرکے ng-model کی اقدار کو متن کا علاقہ عنصر کی مراد کے لئے استعمال کیا جاسکتا ہے。

کلاس

AngularJS کے اندر <textarea> عنصر کو کچھ کلاس دی گئی ہیں۔ یہ کلاس اس کے طور پر استعمال کی جاسکتی ہیں کہ متن کا علاقہ عنصر کی حالت کی بنیاد پر اپنا انداز مقرر کرسکے。

درج ذیل کلاس اضافہ کی گئی ہیں:

• ng-untouched یہ فیلڈ لمس نہیں گیا ہے
• ng-touched یہ فیلڈ لمسا گیا ہے
• ng-pristine این فیلد هنوز تغییر نکرده است
• ng-dirty این فیلد تغییر کرده است
• ng-valid محتوای فیلد صحیح است
• ng-invalid محتوای فیلد نادرست است
• ng-valid-key هر بار یک کلید تأیید می‌شود. مثلاً:ng-valid-required، زمانی که بیش از یک چیز باید تأیید شود، بسیار مفید است
• ng-invalid-key مثلاً:ng-invalid-required

اگر ارزش کلاس نمایانگر false، پس این کلاس‌ها حذف خواهند شد.

مثال

استفاده از استانداردهای CSS برای اعمال استایل بر روی عناصر متن حقیقی و نادرست:

<style>
textarea.ng-invalid {
    background-color: pink;
}
textarea.ng-valid {
    background-color: lightgreen;
}
</style>

خود کا تجربہ کریں