مثال
وجزء النص مع ربط البيانات:
<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 يحمل الحالة الراهنة من جميع العناصر جزء النص.
الحقول ناحية النص لديها الدول التالية:
-
$untouchedلم تطرق المجال، إلا -
$touchedقد تم التطرق الحقل -
$pristineلم يتم تعديل الحقل بعد -
$dirtyتم تعديل الحقل -
$invalidمحتوى الحقل غير صالح -
$validمحتوى الحقل صالح
وتمثل قيمة كل دولة قيمة منطقية، وإما true من false .
بناء الجملة
<textarea ng-model=" name "></textarea> ويجري المشار عناصر ناحية النص لباستخدام قيمة ng-model السمة.
فئات CSS
<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 .
مثال
تطبيق أساليب لعناصر تيكستاريا مشروعة أو غير مشروعة، وذلك باستخدام معيار CSS:
<style>
textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}
</style>
انها محاولة لنفسك »