如何为 Kendo 自动完成设置 ng-invalid？

Question

我有以下 Kendo 具有所需参数的自动完成输入：

<input type="text"  ng-model="projectDetail.partner.name" ng-init="initAutoCompleteForPartnersCreate()" class="form-control" id="autocompletePartners" required/>

问题是如果输入为空则不应用规则 ng-invalid: 在 css.

中定义

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

谁能告诉我，我该如何解决？

非常感谢您的任何建议。

Answer 1

使用以下方法解决：

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

Answer 2

使用

input.ng-pristine, input.ng-invalid {
  border: 1px solid red !important;
}