Html 禁用的按钮在角度6下不工作

我是angular 6的新手，这里我使用formControl，而不是根据业务需要使用FormGroup

app.component.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>

谁能帮我解决这个问题。

证明这一点：

<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>

保存

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

&&: 称为逻辑和运算符。如果两个操作数都为真，则条件变为真

| |：

---

称为逻辑或运算符。如果任何操作数为真，然后条件变为真。

尝试将条件中的

&&

替换为

|

。我认为这些都应该包含在formGroup中，因为formControlName必须与父formGroup方向一起使用。我会尝试在屏幕上显示每个控件的值

无效

状态，以确保它们包含你期望的价值。听起来好像你想要的是

ConnorsFan

建议的

|

。@ConnorsFan它起作用了，似乎只有当你所有的条件都满足时它才会被禁用。将其替换为| |运算符并进行检查

<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>