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

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

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

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

class 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;
	}
}

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

<user-data name="john"></user-data>

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

<p>{{ name }}</p>

ব্যাখ্যা করুন কেন প্রাইভেট প্রোপার্টি _name আন্ডারস্কোর চিহ্ন দিয়ে শুরু হয়।

পণ্যের নাম এবং তার মূল্যের জন্য সেটার এবং গেটার বাস্তবায়ন করুন, যেগুলো প্যারেন্ট কম্পোনেন্ট থেকে প্রেরিত হবে।