Structural: *ngFor

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

*ngFor directive ကို array တစ်ခုကို loop ပတ်ပြီး list of elements များကို render လုပ်ရန် အသုံးပြုသည်။

typescript

<ul>
  <li *ngFor="let user of users">
    {{ user.name }} ({{ user.age }})
  </li>
</ul>

// component.ts
export class MyComponent {
  users = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 35 }
  ];
}

You should see

(User ၃ ယောက်၏ နာမည်နှင့်အသက်ပါသော list တစ်ခု ပေါ်လာမည်)