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

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

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

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

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

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

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

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

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