Angularjs 当必填表单字段留空时，Angular会显示一条小气球消息。调用什么函数来实现这一点？_Angularjs_Validation

Angularjs 当必填表单字段留空时，Angular会显示一条小气球消息。调用什么函数来实现这一点？

angularjs validation

Angularjs 当必填表单字段留空时，Angular会显示一条小气球消息。调用什么函数来实现这一点？,angularjs,validation,Angularjs,Validation,我想找到Angular在必填表单字段留空时显示气球的代码，这样我就可以看到它是如何完成的。在哪里发生的？我还没找到它。试试下面的方法。”novalidate“关闭HTML5表单验证-我们只想使用AngularJS表单验证。”ng required=true“为字段分配所需值，即，如果未设置值，则字段为“$invalid”。我只是用bootstrap作为标签$“脏”是在某个阶段被赋予值的字段$pristine是一个从未设置过值的字段。您可以使用“”或“”创建更为奇特的工具提示 INDEX.HTML

我想找到Angular在必填表单字段留空时显示气球的代码，这样我就可以看到它是如何完成的。在哪里发生的？我还没找到它。

试试下面的方法。”novalidate“关闭HTML5表单验证-我们只想使用AngularJS表单验证。”ng required=true“为字段分配所需值，即，如果未设置值，则字段为“$invalid”。我只是用bootstrap作为标签$“脏”是在某个阶段被赋予值的字段$pristine是一个从未设置过值的字段。您可以使用“”或“”创建更为奇特的工具提示

INDEX.HTML

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- CSS -->
    <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' />
  </head>
  <body>
      <div ng-controller="validateCtrl">
        <form name="loginForm" novalidate>
            <p>UserName:<br>
                <input type="text" name="userName" ng-model="user.userName" ng-required="true">
                <span style="color:red" ng-show="loginForm.userName.$dirty && loginForm.userName.$invalid">
                <span class="label label-warning" ng-show="loginForm.userName.$error.required">Username is required.</span>
                </span>
            </p>
            <p>Password:<br>
                <input type="password" name="password" ng-model="user.password" ng-required="true">
                <span style="color:red" ng-show="loginForm.password.$invalid">
                <span class="label label-danger" ng-show="loginForm.password.$error.required">Password is required.</span>
                </span>
            </p>
            <p>
                <input type="submit" ng-click="popupuser()" ng-disabled="loginForm.$invalid ">
            </p>
        </form>
    </div>
    <!-- JS -->
    <script type="text/javascript" src="https://code.angularjs.org/1.2.25/angular.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>

更简单的方法是在输入标记中执行此操作：

<input class='???' type='text' ng-model='???' required />

只需在标签中添加

required

，即可获得所需的效果

我想看看它是怎么做的，可能是为了其他目的。但Angular似乎没有展示气球；浏览器是天生的。是的，我想是的。这是HTML5中的一个属性。就我的研究而言，ng required=“？？？”和required本质上是一样的。

<input class='???' type='text' ng-model='???' required />