`textarea`توجيه AngularJS

منطقة نصية مع ربط البيانات:

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

<p>The value of the textarea field is:</p>
<h1>{{myTextarea}}</h1>

التعريف والاستخدام

AngularJS يعدل السلوك الافتراضي <textarea>للعناصر ، ولكن فقط في حالة وجود ng-modelالسمة.

أنها توفر ربط البيانات ، مما يعني أنها جزء من نموذج AngularJS ، ويمكن الرجوع إليها وتحديثها ، في كل من وظائف AngularJS وفي DOM.

أنها توفر التحقق من الصحة. مثال: <textarea>عنصر له requiredسمة ، يتم $validتعيين الحالة falseعليه طالما أنه فارغ.

كما أنها توفر سيطرة الدولة. AngularJS يحمل الحالة الحالية لجميع عناصر textarea.

تحتوي حقول Textarea على الحالات التالية:

تمثل قيمة كل حالة قيمة منطقية ، وهي إما true .false

تتم الإشارة إلى عناصر Textarea باستخدام قيمة ng-modelالسمة.

<textarea>يتم منح العناصر الموجودة داخل تطبيق AngularJS فئات معينة . يمكن استخدام هذه الفئات لتصميم عناصر منطقة النسيج وفقًا لحالتها.

تمت إضافة الفئات التالية:

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.

تطبيق الأنماط على عناصر textarea الصالحة وغير الصالحة ، باستخدام CSS القياسي:

<style>

textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}

</style>