如何在 angularjs 中进行表单验证

Question

我有如下形式，

<div ng-if="vm.settingsObj.others.name === 'Course Specialization'">
            <div class="form-group">
                <div class="col-xs-12" ng-repeat="specialization in vm.settingsObj.course_specialization">
                    <div class="row">
                        <div class="form-group col-sm-8" >
                            <input name="course_specialization{{$index}}" class="form-control" placeholder="Course Specialization" ng-model="specialization.value" >
                        </div>
                        <div class="form-group col-sm-4">
                            <button  ng-click="vm.removeStatus('course_specialization',$index)" class="btn btn-danger">Remove</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-blue" ng-click="vm.addStatus('course_specialization')" >ADD</button>
            </div>
        </div>

在这里，当我单击“添加”按钮时，我增加了输入字段，但是当我将输入字段留空并单击保存时，它会被保存。所以我需要的是当我的字段为空时进行表单验证。任何人都可以帮助我。谢谢。

Answer 1

您必须将所有输入包装在一个表单标签中，以便您可以使用角度表单验证。 Angular 使用类和表单控制器提供了一组很好的验证，您应该这样做。 有关更多信息，您可以从以下链接中找到参考：

链接一

或者您可以关注概览

链接二