Question

我对angular 6还是陌生的，这里我有formControl而不是根据业务需要使用FormGroup。

app.component.html

Collection

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

app.component.ts

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

谁能帮我解决这个问题。

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>

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

&&： 称为逻辑 AND 运算符。如果两个比较都成立，则条件成立。

||： 称为逻辑 OR 运算符。如果两个操作中的任何一个为真，则条件为真。

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

1 个答案: