Angular တွင် မိဘ Component မှ ကလေး Component သို့ စာသား ပေးပို့ခြင်း

မိဘ component မှ ကလေး component သို့ စာသားများ ပေးပို့နိုင်ပါသည်။ ဤသို့ပြုလုပ်ရန် ပေးပို့လိုသော စာသားကို ကလေး component ၏ ဖွင့်ထားသော တပ်ဂ်နှင့် ပိတ်ထားသော တပ်ဂ်ကြားတွင် ရေးရပါမည်။ ဤသို့လုပ်ဆောင်ကြည့်ပါစို့။

app/app.component.html<user-data>
   မိဘမှ စာသား
</user-data>

ယခု ကလေး component ၏ template တွင် မိဘမှ ပေးပို့လိုက်သော စာသားကို ထည့်သွင်းမည့်နေရာကို သတ်မှတ်ပေးရပါမည်။ ဤသို့ပြုလုပ်ရန် အထူး တပ်ဂ် ng-content ကို အသုံးပြုပါသည်။ ကလေး component ၏ template တွင် ဤတပ်ဂ်ကို ထားကြပါစို့။

app/user/user.component.htmlကလေး စာသား <br>
<ng-content></ng-content>
Задание 1

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