上一节:
下一节:

  AngularJS ng-required 指令

  • 定义和用法

    ng-required 指令设置表单字段（input或textarea）的必需属性。
    如果 ng-required 属性中的表达式返回 true，则将需要 form 字段。
    必须使用 ng-required 指令才能在 true 和 false 之间转换值。 在 HTML 中，您不能将 required 属性设置为 false（Required属性的存在使该元素成为必需元素，而不管其值如何）。

  • 语法

    <element ng-required="expression"></element>
    仅由<input>, <select> 和 <textarea>元素支持该指令

  • 参数

    参数 必需的 描述
    expression 是 如果返回true，将设置必需属性的表达式。

  • 示例

    下例演示了将输入字段设为必填项： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body ng-app="">
    <form name="myForm">
      单击此处以输入必填字段：
      <input type="checkbox" ng-model="myVar"><br><br>
      <input name="myInput" ng-model="myInput" ng-required="myVar">
      <h1 ng-if="!myForm.myInput.$valid">输入字段不能为空</h1>
      <p>在此示例中，如果该字段为空并且选中了“required”复选框，我们将显示错误。</p>
    </form>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: