Angularjs 点击验证

Angularjs 点击验证,angularjs,Angularjs,我想让它在点击提交按钮后检查输入表单中是否有写下的内容,如果没有,ng类将span颜色更改为红色。我想在提交后才使用红色,但不是一直都是,这里是链接: <form name="myForm" validate class="form-horizontal"> <div class="control-group" > <label ng-class="{bad: ( myForm.name.$invalid && myForm.name.

我想让它在点击提交按钮后检查输入表单中是否有写下的内容,如果没有,ng类将span颜色更改为红色。我想在提交后才使用红色,但不是一直都是,这里是链接:

<form name="myForm" validate class="form-horizontal">

  <div class="control-group" >
    <label ng-class="{bad: ( myForm.name.$invalid && myForm.name.$pristine )  }"  >Name:</label>
    <input type="text" name="name" placeholder="Name" ng-model="user.name" required/>
    <span ng-show="isInvalid('name')" class="help-inline">Name is required</span>
    <span ng-show="isValid('name')">Great!</span>
  </div>

  <button type="submit">SUB</button>

</form>

姓名:
名称是必需的
伟大的
附属的

您需要跟踪是否单击了提交按钮,在这里您可以维护范围变量并检测表单是否已提交

<button type="submit" ng-click="submitted = true">SUB</button>
这是你的电话号码

<label ng-class="{bad: ( myForm.name.$invalid && myForm.name.$pristine && submitted )  }"  >Name:</label>