javascript - AngularJS 选择下拉菜单不是按要求的红色

标签 javascript angularjs html select drop-down-menu

我有一个非常有效的必填字段。我将其标记为“必需”,这样每次屏幕初始化时,该字段都会在框周围有一个红色轮廓。这是一个带有 (s) 的选择,红色轮廓在初始化期间起作用。但是,一旦我放弃一些更改并使字段为空或空字符串(即字段=“”),红色轮廓就会消失。这是为什么?

这是一些 HTML:

Status: <select ng-model="customerStatus" data-z-required required>
                            <option></option>
                            <option value="A">Active</option>
                            <option value="L">Lapsed</option>
                            <option value="P">Pending</option>
                            <option value="I">Inactive</option>
                        </select>

在我的 Controller 中,我只需设置 customerStatus = null 或 customerStatus = "",两者都不给我红色边框。事实上,这实际上是红色边框消失的原因。我怎样才能取回那个红色框并清除该字段中的任何值?

最佳答案

清除表单中的值后,您可以调用 $setPristine()。这会将表单的值设置回 $pristine。总的调用看起来像 $scope.nameoftheform.$setPristine()

关于javascript - AngularJS 选择下拉菜单不是按要求的红色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27386840/

相关文章:

javascript - 将额外数据传递给 Google Analytics

JavaScript 将函数分配给对象属性

javascript - JavaScript 中的 `name` 关键字是什么?

javascript - 只执行一个 Angular 运行 block

angularjs - $compile 未在 Angular Controller 中定义

html - 使用 bootstrap 3 排列表单字段?

html - 背景全屏视频位置 : top center

javascript - 当按钮 onclick 时,图像按字母顺序堆叠

HTML 表格滚动

javascript - 如何使用 AngularJs 在 KendoDateTimePicker 中为日期选择器设置最小值/最大值