AngularJS textarea ਨਿਰਦੇਸ਼
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
AngularJS ਸੋਧਦਾ ਹੈ <textarea> ਅਬਜੈਕਟ ਦੇ ਮੂਲ ਵਿਵਹਾਰ, ਪਰ ਸ਼ਰਤ ਇਹ ਕਿ ng-model ਮੌਜੂਦ ਹਨ。
ਉਹ ਡਾਟਾ ਬਾਂਧੇ ਹਨ, ਮਤਲਬ ਉਹ AngularJS ਮਾਡਲ ਦਾ ਹਿੱਸਾ ਹਨ ਅਤੇ ਉਹ AngularJS ਫੰਕਸ਼ਨਾਂ ਅਤੇ DOM ਵਿੱਚ ਹਵਾਲਾ ਦਿੱਤੇ ਜਾ ਸਕਦੇ ਹਨ ਅਤੇ ਅੱਪਡੇਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ。
ਉਹ ਪ੍ਰਮਾਣੀਕਰਣ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਉਦਾਹਰਣ: ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ 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 ਇਸ ਪ੍ਰਕਾਰ ਦੇ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਮੁੱਲ ਨਾਲ ਟੈਕਸਟ ਰੀਜਨ ਅਬਜੈਕਟ ਨੂੰ ਹਵਾਲਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
CSS ਵਰਗ
AngularJS ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ <textarea> ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਬਜੈਕਟ ਨੂੰ ਕੁਝ ਵਰਗਾਂ ਨਾਲ ਮੁੱਢਕੜਾ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਵਰਗ ਟੈਕਸਟ ਰੀਜਨ ਅਬਜੈਕਟ ਦੇ ਸਥਿਤੀ ਅਧਾਰ ਰੱਖਣ ਲਈ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ।
ਹੇਠ ਲਿਖੇ ਵਰਗਾਂ ਨੂੰ ਜੋੜਿਆ ਗਿਆ ਹੈ:
ng-untouchedਇਹ ਫੀਲਡ ਟੱਚ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈng-touchedਇਹ ਫੀਲਡ ਟੱਚ ਕੀਤਾ ਗਿਆ ਹੈng-pristineفیلڈ کو ترمیم نہ کیا گیاng-dirtyفیلڈ کو ترمیم کردیا گیافیلڈ کا مواد معقولفیلڈ کا مواد معقولفیلڈ کا مواد ناقصفیلڈ کا مواد ناقصng-valid-keyکسی بھی کی کلیدی توثیق میں یک بار ہی توثیق کریں۔ مثال:ng-valid-required، جب متعدد چیزیں توثیق کی جانی ہیں تو بہت مفید ہوتی ہےng-invalid-keyمثال:ng-invalid-required
اگر کلاس کی نمائندگی کرنے والی کا مطلب false، تو یہ کلاسز میٹھ کی جائیں گی۔
مثال
معیاری سی ایس ایس کا استعمال کریں تاکہ وائیڈ اور نا معیاری متن کا رینک ایلیمنٹس پر سٹائل اپنایا جائے:
<style>
textarea.ng-invalid {
بک گراوند کالر: رنج;
}
textarea.ng-valid {
بک گراوند کالر: لائٹ گرین;
}
</style>
