AngularJS ng-required 指令

实例

将输入字段设为必填:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <form name="myForm">
  6. 单击此处使输入字段成为必填字段:
  7. <input type="checkbox" ng-model="myVar"><br><br>
  8. <input name="myInput" ng-model="myInput" ng-required="myVar">
  9. <h2 ng-if="!myForm.myInput.$valid">输入字段不能为空</h2>
  10. </form>
  11. <p>在本例中,如果字段为空且复选框被选中为 "required"(必填),我们将显示错误信息。
  12. </p>
  13. </body>
  14. </html>

定义与用法

ng-required 指令设置表单字段(输入或文本区域)的必填属性。

如果 ng-required 属性中的表达式返回 true,则表单字段将是必需的。

ng-required 指令是必要的,以便能够在 true 和 false 之间转换值。在 HTML 中,不能将 require d属性设置为 false(存在 required 属性的元素就是必填的)。


语法

  1. <input ng-required="expression"></input>

由 <input>、<select> 和 <textarea> 以及其他可编辑元素支持


参数值

描述
expression一个表达式,如果返回 true,它将设置必须的属性

分类导航