কৌণিক জেএস - মূল / নোংরা এবং স্পর্শকৃত / ছোঁয়াছুটির মধ্যে পার্থক্য

Question

AngularJS বিকাশকারী গাইড - ফর্মগুলি জানায় যে ফর্ম এবং ক্ষেত্রগুলি সম্পর্কে অনেকগুলি শৈলী এবং নির্দেশ রয়েছে। প্রত্যেকের জন্য একটি সিএসএস ক্লাস:

ng-valid
ng-invalid
ng-pristine
ng-dirty
ng-touched
ng-untouched

pristine/dirtyএবং এর মধ্যে পার্থক্য কী touched/untouched?

Comments

"সিএসএস ক্লাস ব্যবহার করা" শিরোনামের অধীনে, আপনি যে ডকুমেন্টেশনে লিঙ্ক করেছেন সেটি এখন is

— বার্নহার্ড হোফম্যান

আপনি ঠিক বলেছেন :)

— চিন্তাভাবনা

Answer 1

AngularJS বিকাশকারী গাইড - AngularJS দ্বারা ব্যবহৃত CSS ক্লাস

• @ প্রোপার্টি {বুলিয়ান $ ou নিঃসন্দেহে সত্য যদি নিয়ন্ত্রণ এখনও ফোকাস হারিয়ে না ফেলে।
• নিয়ন্ত্রণ যদি ফোকাস হারিয়ে ফেলে তবে @ প্রপার্টি {বুলিয়ান $ সত্য স্পর্শ করেছেন।
• @ প্রোপার্টি {বুলিয়ান $ ist মূল সত্য যদি ব্যবহারকারী এখনও নিয়ন্ত্রণের সাথে ইন্টারঅ্যাক্ট না করে থাকে।
• @ প্রপার্টি {বুলিয়ান $ $ মূর্খ সত্য যদি ব্যবহারকারী ইতিমধ্যে নিয়ন্ত্রণের সাথে যোগাযোগ করে।

Answer 2

$pristine/ $dirtyআপনাকে ব্যবহারকারীকে কিছু বদলেছে কিনা তা আপনাকে জানায় , যখন $touched/ $untouchedআপনাকে কেবল ব্যবহারকারী সেখানে উপস্থিত / পরিদর্শন করেছেন কিনা তা জানায় ।

এটি সত্যায়িতকরণের জন্য সত্যই কার্যকর। কারণ $dirtyসবসময় বৈধতা প্রতিক্রিয়া দেখাচ্ছে যতক্ষন পর্যন্ত ব্যবহারকারী আসলে একটি নির্দিষ্ট নিয়ন্ত্রণ পরিদর্শন করেছেন এড়াতে ছিল। তবে, কেবলমাত্র $dirtyসম্পত্তি ব্যবহার করে , ব্যবহারকারী যদি তারা প্রকৃতপক্ষে মান পরিবর্তন না করে তবে তারা বৈধতার প্রতিক্রিয়া পাবেন না। সুতরাং, $invalidব্যবহারকারী যদি মানটির সাথে পরিবর্তন / ইন্টারঅ্যাক্ট না করে তবে একটি ক্ষেত্র এখনও ব্যবহারকারীকে একটি প্রম্পট প্রদর্শন করবে না। যদি ব্যবহারকারী সম্পূর্ণরূপে প্রয়োজনীয় ক্ষেত্রটিকে অগ্রাহ্য করে তবে সবকিছু ঠিক আছে looked

কৌণিক 1.3 এবং এর ng-touchedসাহায্যে ব্যবহারকারী এখন ঝাপসা হয়ে যাওয়ার সাথে সাথেই আপনি এখন একটি নির্দিষ্ট স্টাইল সেট করতে পারেন, তারা প্রকৃতপক্ষে মানটি সম্পাদন করেছে কিনা তা নির্বিশেষে।

এখানে একটি কোডপেন রয়েছে যা আচরণের পার্থক্য দেখায়।

Comments

আমি ফর্মটির বৈধতা ত্রুটিগুলি সাফ করার একটি উপায় খুঁজছি। ফর্ম। $ সেটপ্রিসটাইন এটি করে না। আমি অন্যের প্রস্তাব ফর্মটি দেখেছি $ সেটআপ করা হয়েছে, তবে দেখে মনে হচ্ছে এটি কৌণিক 1.3 19 বিটাতে উপলব্ধ নয়, যা আমি ব্যবহার করছি এটির সংস্করণ। তবে আমি ফর্ম.ফিল্ড_নাম call

— টি। রেক্স

$setPristineকেবল ফর্মটি আন-বানিয়ে তোলে $dirty। আমার মনে হয় আপনি চাইতে পারেন form.setValidity()। এই পোস্টে বেশ কয়েকটি সহায়ক উত্তর দেখুন ।

— এক্সএমএল

Answer 3

প্রো কৌণিক -6 বইটি নীচে হিসাবে বিস্তারিত রয়েছে;

• বৈধ এই সম্পত্তি ফেরৎ সত্য যদি উপাদান এর বিষয়বস্তু অন্যথায় বৈধ এবং মিথ্যা।

• অবৈধ এই সম্পত্তি আয় সত্য যদি উপাদান এর বিষয়বস্তু অন্যথায় অবৈধ এবং মিথ্যা।

• মূল : উপাদানটির বিষয়বস্তুগুলি পরিবর্তন না করা হলে এই সম্পত্তিটি সত্য দেয়।

• নোংরা : উপাদানগুলির বিষয়বস্তু পরিবর্তন করা থাকলে এই সম্পত্তিটি সত্য ফিরে আসে ।
• অচ্ছুত : ব্যবহারকারী যদি উপাদানটি না দেখে থাকে তবে এই সম্পত্তিটি সত্য করে।
• স্পর্শ করা হয়েছে : ব্যবহারকারী যদি উপাদানটি দেখে থাকেন তবে এই সম্পত্তিটি সত্য করে returns

Answer 4

এটি উল্লেখযোগ্য যে বৈধতা বৈশিষ্ট্যগুলি ফর্ম এবং ফর্ম উপাদানগুলির জন্য পৃথক (নোট যে স্পর্শ করা এবং অচ্ছুত কেবল ক্ষেত্রের জন্য):

Input fields have the following states:

$untouched The field has not been touched yet
$touched The field has been touched
$pristine The field has not been modified yet
$dirty The field has been modified
$invalid The field content is not valid
$valid The field content is valid

They are all properties of the input field, and are either true or false.

Forms have the following states:

$pristine No fields have been modified yet
$dirty One or more have been modified
$invalid The form content is not valid
$valid The form content is valid
$submitted The form is submitted

They are all properties of the form, and are either true or false.