0
這裏是我當前的html代碼：使用AngularJS顯示錶單驗證錯誤
<div class="form-group" ng-class="{ 'has-error' : form.inputName.$invalid && !form.inputName.$pristine }">
<label for="inputName" class="col-sm-4 control-label"><font color='RED'>* </font>Name</label>
<div class="col-sm-8">
<input type="text" class="form-control" ng-model="name" name="inputName" id="inputName" placeholder="Enter in a name." required />
<p ng-show="form.form.$invalid && !form.form.$pristine" class="help-block">Name is required.</p>
</div>
</div>
現在，這很好地工作是強制性的任何情況下的字段。
但是，讓我們假設用戶可以選擇像髮型一樣的選項卡，並且必須描述顏色字段和長度字段。如果這些字段爲空，則顯示一條小信息（如ng-show）。因此，根據用戶選擇的任何標籤，如果沒有輸入該標籤的正確信息，用戶應該會看到一個錯誤。我將如何使用角度來顯示它？
例如，控制器代碼...
$scope.someButtonPressed = function() {
if ($scope.color == "") {
// display ng-show for color
// input field should have a red border to it
}
}
這裏就是我從了我的HTML錯誤驗證代碼：http://codepen.io/sevilayha/pen/xFcdI