Two-way bindig - ngModel

ngModel directive feljavítja az input elemet hogy az ki tudja ajánlani a bevitt értéket, nincs two way binding-ot valósít meg, saját template-je. Használat: [(ngModel)]. regisztrálmni kell a .ts-be:

  .....
  imports: [
    FormsModule
  ],
  ......

HA submit gombot nyomunk a bongeszo automatikusan probalja elkuldeni az adatokat a backend-nek, ezt az angula megakadályozza magától és javascripttel intézi az alapján amit megadunk, ehhez a ngSubmit event megadásával. Ha csinalunk 2 ugyanolyan property-re mutató two way bindigot akkor ha az egyik elembe irunk a masik is renderelodik ugyanazzal a szoveggel. (enteredTitle köti össze, az kap értéket amit mindkettő használ)

........
export class NewTaskComponent {
  @Output() cancel = new EventEmitter<void>(); //nem kell parameter ezert void
  enteredTitle = '';

  onCancel() {
    this.cancel.emit();
  }
}

<div class="backdrop" (click)="onCancel()"></div>
<dialog open>
  <h2>Add Task</h2>
  <form>
    <p>
      <label for="title">Title</label>
      <input type="text" id="title" name="title" [(ngModel)]="enteredTitle"/>
    </p>
    <p>
      <label for="title2">Title2</label>
      <input type="text" id="title2" name="title2" [(ngModel)]="enteredTitle"/>
    </p>