Angular-এ চাইল্ড কম্পোনেন্টের সেটারে ডেটা পাঠানো

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

app/user/user.component.tsclass UserComponent {
  private _name: string = '';
  
  set name(name: string) {
    if (name.length < 3) {
      this._name = name;
    } else {
      console.log('error');
    }
  }
  
  get age() {
    return this._userAge;
  }
}

উদাহরণস্বরূপ, আসুন বয়সের একটি সেটার তৈরি করি, যাতে প্রেরিত ডেটা যাচাই করা হয়। এছাড়াও ব্যবহারকারীর বৈশিষ্ট্যগুলি প্রদর্শনের জন্য একটি গেটার তৈরি করি:

app/user/user.component.tsclass UserComponent {
  private _name: string = '';
  
  @Input()
  set name(name: string) {
    if (name.length > 3) {
      this._name = name;
    } else {
      console.log('error');
    }
  }
  
  get name() {
    return this._name;
  }
}

এখন প্যারেন্ট কম্পোনেন্ট থেকে চাইল্ড কম্পোনেন্টে ডেটা পাঠাই:

app/app.component.html<user-data name="john"></user-data>

এবং চাইল্ড কম্পোনেন্টে প্রেরিত নামটি স্ক্রিনে প্রদর্শন করি:

app/user/user.component.html<p>{{ name }}</p>