Angular တွင် CSS Style များကို Tag နှင့် ချိတ်ဆက်ခြင်း
HTML element တစ်ခုအတွက် style set တစ်ခုကို သတ်မှတ်ပေးနိုင်ပါသည်။ ၎င်းကို ngStyle directive ကို အသုံးပြု၍ လုပ်ဆောင်ပါသည်။ ဤ directive ထဲသို့ CSS property များနှင့် ၎င်းတို့၏ တန်ဖိုးများ ပါဝင်သော object တစ်ခုကို ထည့်သွင်းပေးရပါမည်။
စမ်းကြည့်ကြပါစို့:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Object တစ်ခု ရှိပါသည်:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
ဤ object ကို အသုံးပြု၍ tag တစ်ခုခုကို style ချယ်လှယ်ပါ။
