您能用角8中的[禁用]属性触发元素吗？

Question

我有一个按钮，它在我的网站上发布一个表单：

<button (click)="create()" *ngIf="data.new" [disabled]="!dataForm.valid" color="primary" mat-raised-button>
   Go
</button>

当满足某些条件时，它将禁用所有字段。

我的问题是，只有在窗体受禁用影响时，我才能使用css样式吗？

Answer 1

@Eudz答案绝对是解决这个问题的好方法。但是，如果您不愿意在更全局的基础上为一个无效的输入框提供样式，您也可以使用CSS来定位。角将在表单输入上放置类，如ng-invalid、ng-valid、ng-pristine等。

所以你可以用CSS来瞄准这些。

，例如

input.ng-invalid {
    border: 1px solid red;
}

Answer 2

是的，例如，当表单无效时，您希望自定义输入：

<input type="text" [class.border-danger]="!dataForm.valid">

或

<input type="text" [class.border-danger]="dataForm.invalid">

我通过了!dataForm.valid，因为它是禁用按钮的条件。