如何在angularjs中進行表單驗證和條件標記？

Question

如何使用角度js和表單等來顯示錯誤類/消息？

我試過，但它似乎並沒有在所有驗證：

<div class="form-group" ng-class="{'has-error': obj.title.$invalid}"> 
    <label for="name">Name</label> 
    <input type="text" class="form-control" id="name" ng-model="obj.title" required> 
</div> 
<div class="alert alert-danger" ng-show="obj.title.$invalid"> 
    You are required to enter a name. 
</div> 

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

Answer 1

你必須把它包一個<form>裏面，給form一個名稱和input的名稱，然後訪問有效性雖然formName.inputName

<form name="form"> 
    <div class="form-group" ng-class="{'has-error': obj.title.$invalid}"> 
     <label for="name">Name</label> 
     <input type="text" name="title" class="form-control" id="name" ng-model="obj.title" required> 
    </div> 
    <div class="alert alert-danger" ng-show="form.title.$invalid"> 
     You are required to enter a name. 
    </div> 
    </form> 

要知道，<form>是角度爲FormController的實例。這就是我們進行角度驗證的地方。

DEMO