禁用按钮在 Angular 6 中不起作用

Question

我是 Angular 6 的新手，这里我有 formControl，而不是根据业务需求使用 FormGroup。

应用程序组件.html

<button
  class="col-sm-12"
  [disabled]="comittee_Member_Name.invalid && comittee_Member_Number.invalid && comittee_Type.invalid &&  comittee_Member_Position.invalid && comittee_Member_Status.invalid"
>
  Save
</button>

在这里，如果formControl 中的任何一个无效，我想禁用该按钮。但就我而言，它仅验证第一个表单控件（comittee_Member_Name）。

应用程序组件.ts

comittee_Member_Name =new FormControl();
  comittee_Member_Number = new FormControl();
  comittee_Type = new FormControl();
  comittee_Member_Position = new FormControl();
  comittee_Member_Status = new FormControl();

谁能帮我解决这个问题。

Answer 1

证明这一点：

<button class="col-sm-12" [disabled]="comittee_Member_Name.$invalid || comittee_Member_Number.$invalid || comittee_Type.$invalid ||  comittee_Member_Position.$invalid || comittee_Member_Status.$invalid" >Save</button>

您错误地使用了逻辑运算符。

&&： 称为逻辑与运算符。如果两个操作数都为 true，则条件为 true。

||： 称为逻辑或运算符。如果任何操作数为真，则条件为真。