Angular တွင် ကလေး component ၏ setter သို့ ဒေတာများ ပေးပို့ခြင်း

မိဘ component မှ ဒေတာများသည် private property ၏ setter ထဲသို့ ရောက်ရှိစေရန် ပြုလုပ်နိုင်ပါသည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် setter နှင့် getter ပါသော private property တစ်ခု ရှိသည်ဆိုပါစို့။

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

ဥပမာအနေဖြင့် အသက်အတွက် setter တစ်ခု ပြုလုပ်ကြည့်ပါမည်။ ထို့အပြင် ဒေတာများအား စစ်ဆေးခြင်းကို အကောင်အထည်ဖော်ပါမည်။ ထိုနည်းတူ သုံးစွဲသူ၏ property များကို ပြသရန် getter တစ်ခုကိုလည်း ပြုလုပ်ပါမည်။

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

ယခု မိဘ component မှ ကလေး component ထံသို့ ဒေတာများကို ပေးပို့ကြည့်ပါမည်။

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

ကလေး component တွင် ပေးပို့ထားသော အမည်ကို စကရင်ပေါ်တွင် ပြသပါမည်။

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

�ာကြောင့် private property _name သည် အောက်မျဉ်းဆွဲ သင်္ကေတဖြင့် စထားရတာလဲ ရှင်းပြပါ။

မိဘ component မှ ပေးပို့မည့် ထုတ်ကုန်အမည်နှင့် ၎င်း၏ ဈေးနှုန်းအတွက် setter များနှင့် getter များကို အကောင်အထည်ဖော်ပါ။