কৌণিক ক্ষেত্রে, নিয়ন্ত্রণ তৈরির পরে কীভাবে ভ্যালিডেটরকে ফর্মকন্ট্রলে যুক্ত করবেন?

Question 1

আমাদের একটি উপাদান রয়েছে যা গতিশীলভাবে নির্মিত ফর্ম রয়েছে। ভ্যালিডেটরগুলির সাথে একটি নিয়ন্ত্রণ যুক্ত করার কোডটি দেখতে এই জাতীয় দেখাচ্ছে:

var c = new FormControl('', Validators.required);

তবে আসুন আমরা বলি যে আমি পরে 2 য় ভ্যালিডেটর যুক্ত করতে চাই । আমরা কীভাবে এটি সম্পাদন করতে পারি? আমরা অনলাইনে কোনও ডকুমেন্টেশন খুঁজে পাই না। আমি খুঁজে পেয়েছি যদিও ফর্ম নিয়ন্ত্রণে সেটভালিডেটর রয়েছে

this.form.controls["firstName"].setValidators

তবে কীভাবে নতুন বা কাস্টম বৈধকারক যুক্ত করবেন তা পরিষ্কার নয়।

Question 2

আপনি কেবলমাত্র ফর্মকন্ট্রোলকে বৈধতার একটি অ্যারে পাস করুন ray

আপনি কীভাবে বিদ্যমান ফর্মকন্ট্রলে বৈধতা যোগ করতে পারেন তা দেখানোর একটি উদাহরণ এখানে দেওয়া হয়েছে:

this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]);

দ্রষ্টব্য, আপনি ফর্মকন্ট্রোল তৈরি করার সময় এটি যুক্ত করা যে কোনও বিদ্যমান বৈধতা পুনরায় সেট করবে।

Question 3

@ দেলোসডোস যা পোস্ট করেছে তাতে যুক্ত করতে।

এতে নিয়ন্ত্রণের জন্য একটি বৈধকারক সেট করুন FormGroup: this.myForm.controls['controlName'].setValidators([Validators.required])

ফর্মগ্রুপের নিয়ন্ত্রণ থেকে বৈধতা সরান : this.myForm.controls['controlName'].clearValidators()

উপরের যে কোনও লাইনটি চালানোর পরে ফর্মগ্রুপটি আপডেট করুন। this.myForm.controls['controlName'].updateValueAndValidity()

এটি আপনার ফর্মটির বৈধতা প্রোগ্রামক্রমে সেট করার একটি দুর্দান্ত উপায়।

Question 4

আপনি যদি প্রতিক্রিয়াশীল ফর্মমডিউল ব্যবহার করছেন এবং ফর্মগ্রুপটি এর মতো সংজ্ঞায়িত করা থাকে:

public exampleForm = new FormGroup({
        name: new FormControl('Test name', [Validators.required, Validators.minLength(3)]),
        email: new FormControl('test@example.com', [Validators.required, Validators.maxLength(50)]),
        age: new FormControl(45, [Validators.min(18), Validators.max(65)])
});

আপনি এই পদ্ধতির সাথে ফর্মকন্ট্রোলটিতে একটি নতুন বৈধকারী ( এবং পুরানোগুলি রাখুন) যুক্ত করতে সক্ষম হওয়ার চেয়ে:

this.exampleForm.get('age').setValidators([
        Validators.pattern('^[0-9]*$'),
        this.exampleForm.get('age').validator
]);
this.exampleForm.get('email').setValidators([
        Validators.email,
        this.exampleForm.get('email').validator
]);

ফর্মকন্ট্রোল.অডিয়ালিটার সমস্ত সংজ্ঞায়িত ভ্যালিডেটর সমন্বিত একটি রচনাযুক্ত যাচাইকারীকে ফেরত দেয়।

Question 5

আমি মনে করি নির্বাচিত উত্তরটি সঠিক নয়, কারণ মূল প্রশ্নটি "ফর্মকন্ট্রোল তৈরির পরে কীভাবে একটি নতুন বৈধকারক যুক্ত করবেন" is

আমি যতদূর জানি, এটি সম্ভব নয়। কেবলমাত্র আপনি যা করতে পারেন তা হ'ল বৈধকরণকারীর গতিশীলতার অ্যারে তৈরি করা।

তবে আমরা যা মিস করি তা হ'ল ফাংশন কন্ট্রোলটিতে ইতিমধ্যে যুক্ত হওয়া ভ্যালিডিটারগুলিকে ওভাররাইড না করার জন্য একটি ফাংশন অ্যাডভালিডেটর () রাখা। কারও কাছে যদি সেই প্রয়োজনীয়তার কোনও উত্তর থাকে তবে এখানে পোস্ট করা ভাল।

Question 6

এডওয়ার্ড অকার্যকর উত্তর ছাড়াও এখানে addValidatorsপদ্ধতিটি:

declare module '@angular/forms' {
  interface FormControl {
    addValidators(validators: ValidatorFn[]): void;
  }
}

FormControl.prototype.addValidators = function(this: FormControl, validators: ValidatorFn[]) {
  if (!validators || !validators.length) {
    return;
  }

  this.clearValidators();
  this.setValidators( this.validator ? [ this.validator, ...validators ] : validators );
};

এটি ব্যবহার করে আপনি গতিশীলভাবে বৈধতা নির্ধারণ করতে পারেন:

some_form_control.addValidators([ first_validator, second_validator ]);
some_form_control.addValidators([ third_validator ]);