Angular [отключен] ничего не делает

Question

Я использую угловой 6.2.1

он должен отключить кнопку отправки, но ничего не делает ...

это ничего не делает [disabled] = "! HeroForm.form.valid", но это [disabled] = "heroForm.form.valid" работает, но это не то, что я хочу

когда входы пусты, следует отключить кнопку, но это не так

отключает кнопку, когда [disabled] = "heroForm.valid", когда форма действительна, но это не то, что я хочу. Я не знаю, почему это действительно, когда входные данные пусты, я использую обязательные для каждого ввода

<form #heroForm="ngForm" (ngSubmit)="hola()">
<div class="form-row">
      <div class="form-group col-md-6">
        <label for="inputEmail4">First Name</label>
        <input type="text" class="form-control" placeholder="First name" 
required>
      </div>
      <div class="form-group col-md-6">
        <label for="inputEmail4">Last Name</label>
        <input type="text" class="form-control" placeholder="Last name" 
required>
      </div>
    </div>
<button type="submit" class="btn btn-outline-primary" 
[disabled]="!heroForm.form.valid">Sign in</button>
  </form>

Answer 1

Можете ли вы попробовать [disabled] = “heroform.invalid”

Вот пример https://stackblitz.com/edit/angular-symxeg?file=src%2Fapp%2Fapp.component.html

, вам не хватает свойства ngModel и свойства name в полях ввода, и поэтому ngForm не знаетчто проверить

Answer 2

Как насчет

<button type="submit" class="btn btn-outline-primary"
  [disabled]="!heroForm.valid">
  Sign in
</button>