Transfer Data ke Setter Komponen Anak di Angular

Kita dapat mengatur agar data dari komponen induk masuk ke dalam setter properti privat. Mari kita lihat sebuah contoh. Misalkan kita memiliki properti privat dengan setter dan getter:

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

Sebagai contoh, mari buat setter untuk usia, di mana kita akan mengimplementasikan pemeriksaan data yang ditransfer. Kita juga akan buat getter untuk menampilkan properti pengguna:

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

Sekarang, mari transfer data dari komponen induk ke komponen anak:

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

Dan di komponen anak, tampilkan nama yang ditransfer ke layar:

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

Jelaskan mengapa properti privat _name dimulai dengan karakter underscore.

Implementasikan setter dan getter untuk nama produk dan harganya, yang akan ditransfer dari komponen induk.