Two-Way Binding [( )]

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

Two-Way Data Binding [(...)] (Banana in a Box syntax) သည် property binding နှင့် event binding ကိုပေါင်းစပ်ထားသည်။ များသောအားဖြင့် form inputs များတွင်သုံးပြီး [(ngModel)] directive ကိုသုံးရသည်။

⚠️ Important: FormsModule ကို import လုပ်ရမည်။

typescript

// app.module.ts
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [BrowserModule, FormsModule]
})

// component.html
<input [(ngModel)]="username" type="text">
<p>Hello, {{ username }}!</p>

// component.ts
export class MyComponent {
  username = 'World';
}

You should see

(Input box ထဲတွင် စာရိုက်လိုက်သည်နှင့်အမျှ အောက်ကစာသားသည် 'Hello, [typed text]!' ဟုချက်ချင်းပြောင်းလဲသွားမည်)