首页 文章

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

提问于
浏览 次
1

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

如果formControl的 anyone 无效，我想在此处禁用该按钮 . 但在我的情况下，它仅验证第一个formcontrol（comittee_Member_Name） .

app.component.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();

任何人都可以帮我解决这个问题 .

html angular typescript angular6

1 回答

  • 2

    证明这一点：

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

    You use incorrectly the logical operator.

    &&: 调用逻辑 AND 运算符 . 如果两种比较都是正确的，则条件成立 .

    ||: 被称为逻辑 OR 运营商 . 如果两个操作中的任何一个为真，则条件成立 .

    回复于

相关问题