Angular JS ng单击验证

Question

我希望在单击提交按钮后检查是否存在以输入形式写入的内容，如果不是ng-class将跨度颜色更改为红色。我想只有submittion不是所有的时间后，有红色，这里是链接：

<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> 

http://plnkr.co/edit/m3dqBnpPenbY65xa3PXH?p=preview

Answer 1

你需要跟踪是否提交按钮点击与否，这里u可以保持一个范围变量和检测在提交表单或不

<button type="submit" ng-click="submitted = true">SUB</button> 

如果有一个人，然后点击提交，有一个名为submitted一个范围变量，true值

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

这里是Plunker