如何在不提交表格的情况下使用ng-show？

Question

我正在使用角度js进行表单验证。 我希望在用户点击未提交表单的span标记时显示ng-show的错误消息。 我怎么能实现这个目标？

这是我的代码

  <form name="frmStudent" id="frmStudent" class="form-horizontal row-border" ng-controller="StudentCtrl">
        <br />
        <div class="col-md-12">
            <div class="form-group">
                <label class="col-md-4 control-label" for="input17"> First Name</label>
                <div class="col-md-7">
                    <input type="text"
                           id="idFirstName"
                           class="form-control"
                           name="nameFirstName" required ng-model="firstName" />
                    <span ng-show="frmStudent.nameFirstName.$error.required">Tell us your first name.</span>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-4">
                </div>
                <div class="col-md-7">  
                    <span id="save" class="btn btn-success margin-right-btn"
                          ng-click="frmStudent.$valid && SaveUpdate()">
                        <i class="icon-save"></i> {{btnText}}
                    </span>
                </div>
            </div>
        </div>

    </form>

Answer 1

要在用户点击span标记后显示错误，您可以添加到ng-show frmStudent。$ submitted。

如果没有提交表单，您可以将其作为参数SaveUpdate（frmStudent）传递给SaveUpdate（）函数，并使用frmStudent。$ valid来决定是否应该提交。