Angular template driven forms

app.component.html

<form #userForm="ngForm" (ngSubmit)="onFormSubmit($event, userForm)">
  <div class="form-group">
    <label for="name">İsim</label>
    <input type="text" name="name" id="name" class="form-control" placeholder="İsim girinix" required maxlength="50" minlength="2" ngModel>
  </div>

  <div class="form-group">
    <label for="surname">Soyisim</label>
    <input type="text" name="surname" id="surname" class="form-control" placeholder="Soyisim giriniz" required maxlength="50" minlength="2" ngModel>
  </div>

  <div class="form-group">
    <label for="email">Email</label>
    <input type="email" name="email" id="email" class="form-control" placeholder="Email adresi giriniz" required maxlength="80" minlength="5" ngModel>
  </div>

  <div class="form-group">
    <label for="password">Şifre</label>
    <input type="password" name="password" id="password" class="form-control" placeholder="Kullanıcı adı girinix" required minlength="6" maxlength="16" ngModel>
  </div>


  <button type="submit">Kaydet</button>
</form>