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