Невозможно прочитать свойство 'форма' с неопределенным углом 5

Question

У меня есть следующая HTML-форма в угловых

<form (ngSubmit)="signin()" #signinform="ngForm">
      <div class="form-group row">
        <label for="signinemail" class="col-sm-2 col-form-label">Email:</label>
        <div class="col-sm-10">
          <input type="email"
                 class="form-control"
                 id="signinemail"
                 name="signinemail"
                 ngModel
                 placeholder="Email">
        </div>
      </div>
      <div class="form-group row">
        <label for="signinpassword" class="col-sm-2 col-form-label">Password:</label>
        <div class="col-sm-10">
          <input type="password"
                 class="form-control"
                 id="signinpassword"
                 name="signinpassword"
                 ngModel
                 placeholder="Password">
        </div>
      </div>
      <div class="form-group">
        <div class="form-check">
          <input class="form-check-input ml-0"
                 type="checkbox"
                 id="gridCheck"
                 name="remembercheckbox"
                 ngModel>
          <label class="form-check-label" for="gridCheck">
            &nbsp; &nbsp; Remember Me
          </label>
        </div>
        <small class="form-text text-muted">Forget Password?</small>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">Sign In</button>
        <button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close</button>
      </div>
    </form>

и следующий текст для формы:

import {NgForm} from "@angular/forms";
@ViewChild('signinform') signinform: NgForm;
  signin() {
    let payload = {
      email: this.signinform.form.value.signinemail,
      password: this.signinform.form.value.signinpassword,
      localstorage: this.signinform.form.value.remembercheckbox
    };
    this.userservice.gettoken(payload);
    this.signedin = true;
  }

Я сравнил это с другими формами, которые я построил, и все же тамнет разницыЧто может быть причиной этого?

элемент формы находится на дом, когда я звоню.Кнопка отправки находится в форме.Синтаксис элемента @ViewChild правильный и правильно импортирован.Я действительно не понимаю, и я готов ударить ребенка.

Answer 1

Код выглядит нормально ... Вы можете просто попробовать не использовать view child, и вместо этого сделать:

<form (ngSubmit)="signin(signinform)" #signinform="ngForm">

  signin(form: NgForm) {
    console.log(form);
  }

Я бы определенно попробовал эту консоль, хотя, чтобы убедиться, что форма отправляется правильно.