Angular တွင် တမ်းပလိတ်အတွင်း Object Properties များ

Markup ထဲတွင်လည်း object များကို ဖော်ပြနိုင်ပါသည်။ လက်တွေ့စမ်းကြည့်ရအောင်။ ကျွန်ုပ်တို့မှာ အောက်ပါ object ရှိသည်ဆိုပါစို့။

export class AppComponent {
	public obj = {'a': 1, 'b': 2, 'c': 3};
}

ကျွန်ုပ်တို့၏ object ၏ အကြောင်းအရာကို markup ထဲတွင် ဖော်ပြပါမည်။

<div>
	{{ obj.a }}
	{{ obj.b }}
	{{ obj.c }}
</div>

အောက်ပါ object ကို ပေးထားသည်။

export class AppComponent {
	public user = {
		name: 'john',
		surn: 'smit',
	};
}

ဤ object ၏ element တစ်ခုစီကို သီးခြား စာပိုဒ် (paragraph) တစ်ခုစီတွင် ဖော်ပြပါ။

အောက်ပါ object ကို ပေးထားသည်။

export class AppComponent {
	public user = {
		img: 'pic.png',
		alt: 'picture',
	};
}

ဤ object ၏ element များကို အောက်ပါ markup ပုံစံဖြင့် ဖော်ပြပါ။

<img src="pic.png" alt="picture">