angularjs - 如果为空,则将 md-chips 输入字段边框变为模糊红色

标签 angularjs angular-material md-autocomplete md-chip

我对 Angular ( Angular Material )非常陌生,我正在处理包含多个字段(输入、具有自动完成功能的芯片)的表单。 模糊时所需的输入,如果该字段留空,它们会变成红色。芯片输入字段不会发生这种情况。 有没有简单的方法来实现?

最佳答案

假设自动完成字段是一个输入,如果该字段已被触摸并被确定为无效,则可以使用 Angular 表单验证来添加或删除类。这可以通过 CSS 来完成,如下所示:

input.ng-dirty.ng-invalid {
color: red;
}

您还需要检查输入设置为有效的内容,即字段超过特定的最小长度或芯片索引的长度超过特定的量。

另请参阅:

1. "Angular automatically add 'ng-invalid' class on 'required' fields"

关于angularjs - 如果为空,则将 md-chips 输入字段边框变为模糊红色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43499442/

相关文章:

angularjs - 如何使用 Angular Precomposition 在 Google 上显示页面标题?

javascript - 使用 angular-mocks.js 时,使用 Jasmine 进行的 AngularJS 测试无法调用 "angular.mock.module"

javascript - 错误 TS2315 : Type 'ElementRef' is not generic material angular

angularjs - 点击下载链接并关闭模式?

javascript - Grunt 从我的脚本和 CSS 中删除异步和延迟

angularjs - 带有 ui-router 的 Angular Material md-tabs 不加载初始选项卡

Angular Material Datepicker - 仅限月份和年份

AngularJS ui-select 性能问题

angular-material - md-自动完成显示的项目数