Angular [disabled]不执行任何操作

佩德罗·桑切斯（Pedro Sanchez）

我使用角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>

古尔文德（Gurvinder Guraya）

你能试一下吗 [disabled] = “heroform.invalid”

这是一个示例https://stackblitz.com/edit/angular-symxeg?file=src%2Fapp%2Fapp.component.html

您在输入字段上缺少ngModel属性和name属性，因此ngForm不知道要验证的内容

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。